怎么把分页按钮(首页,尾页等)放在表格右下角处?(已解决)

Posted 心中的阿哲

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎么把分页按钮(首页,尾页等)放在表格右下角处?(已解决)相关的知识,希望对你有一定的参考价值。

  页面做得差不多了,只是表格右下角的分页按钮杂乱不堪,像这样:

  

  如果各自添加样式,会显得麻烦,毕竟有好多带有表格的页面。 所以,我尝试用表格给他们布局,

  具体是把它们一起放到另一个table中的唯一一个td标签中,用div包裹,

  然后用js修改该table宽度为上面table宽度,

var table1 = document.getElementById( "table1Id" );
var table2 = document.getElementById( "table2Id" );

table2.style.width = table1.offsetWidth + "px"; //对齐两个表格

 

     做好”藏书阁“后,把这个”小包裹“摆到栏中右端, 即给div加个"float:right"样式。

  最后,隐藏这个table。

  好了,效果如下:

  

  

  

以上是关于怎么把分页按钮(首页,尾页等)放在表格右下角处?(已解决)的主要内容,如果未能解决你的问题,请参考以下文章

分页功能

laravel怎么改造分页类,给他加上首页和尾页

Django 分页等拆分功能-前后端分离

对数据分页后,2次查询的分页,点击上一页,下一页,首页,尾页,都会跳到2次查询之前的分页显示,怎么办

react分页带首页尾页的实现

asp的 gridview自定义分页 怎么实现这 第2页/共10页 <首页><上一页>1 2 3 4 5 ....<下一页><尾页> 不用插件