项目使用angularjs + h-ui + ng-table构成,表格分页采用ng-table自带的分页,完美主义作祟,在分页部分无法达到想要的效果,我想要把距离拉近,搞了好久,终于找到方法。做个笔记,也希望能帮到一些人。
问题1:如下图所示,昨天的分页距离表格有一段距离,不管怎么搞,都没办法拉近。
方法:css添加如下内容
.pagination{
padding: 0px;
margin-top: 0px;
margin-right: 10px;
float: left;
}
问题2:右边想自定义一排按钮,与分页部分保持水平平行,却出现了如下状况。
解决方法:添加如下样式
.ng-isolate-scope {
float: left;
margin-top: 10px;
}
最终效果: