项目使用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;
         }

最终效果:

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐