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

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

  

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

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

  然后用js修改该table宽度为上面table宽度。做好”藏书阁“后,把这个”小包裹“摆到栏中右端, 即给div加个"float:right"样式。

  最后,隐藏这个table。

  好了,效果如下:

  

  

  

时间: 2024-10-06 04:23:01

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

JQuery Pagination 分页插件 增加了首页尾页以及跳转功能

JQuery分页插件 挺好用的 但是官方是没有提供首页尾页以及跳转功能 我觉得这个功能可以有,于是就改进了一下 一个js一个css从连接里面下 链接:http://pan.baidu.com/s/1nvaq99R 密码:9nfb 上效果图: 页面代码 <script type="text/javascript"> //分页查询开始 $(document).ready(function() { getDataList(0, null); }); var rows = 10;

Python - Django - 添加首页尾页上一页下一页

添加首页和尾页: views.py: from django.shortcuts import render from app01 import models def book_list(request): # 从 URL 中取参数 page_num = request.GET.get("page") print(page_num, type(page_num)) page_num = int(page_num) # 定义两个变量保存数据从哪儿取到哪儿 data_start = (pa

HTML静态分页(形如:首页,上一页,下一页,尾页)

在HTML中有时候我们会用到静态分页,一次拿回一定量的数据结果条目,我们会以形如:第2页,共12页  首页 上一页 下一页 尾页 的方式进行静态分页,以下是该种静态分页的代码,供兄弟姐妹们参考. <div class="page"> <!-- a href="tosearch.jsp" target="_blank" class="blue">更多</a --> <SCRIPT typ

datatables的Bootstrap样式的分页怎么添加首页和尾页(引)

找到dataTables.bootstrap.js(版本3):(此项目中文件名为:dataTableExt.js) 1 $.fn.dataTableExt.oApi.fnPagingInfo = function ( oSettings ) 2 { 3 return { 4 "iStart": oSettings._iDisplayStart, 5 "iEnd": oSettings.fnDisplayEnd(), 6 "iLength": oS

【Android Tricks 6】ViewPager首页与尾页的滑动动作响应

ViewPager能够说是Android应用中使用比較广发的一个组件了.它能够帮助我们非常 方便地实现滑动更换View的效果.刚好近期搞的一个项目有一个需求用到了这个,同 时是要能在首页和尾页滑动时可以进行响应,而不是像默认的那样没有不论什么动作,所 以略微研究了下,希望能够对大家有所帮助. 在分析了需求之后.发现这个应该是和ViewPager的换页监听有联系,于是做了个小 demo.通过实验来寻找问题的解决方式. 首先贴出换页监听器的几个public方法以及第一个方法中state数字代表的含义

asp.net GridView 表格之分页显示与翻页功能及自定义翻页页码样式

一.实现分页功能  GridView实现分页只需要在属性框中将AllowPaging(是否在GridView中打开分页功能)设置为true即可 有时打开分页后不显示页码 确保AllowCustomPaging(是否打开对自定义分页的支持)为False即可 二.实现翻页功能  如何点击页码实现翻页呢? 在属性框中事件选择设置PageIndexChanging(在Grid View的当前索引页正在更改事触发)这一事件 后台代码如下 /// <summary> /// 翻页操作 /// 在GridV

仿淘宝分页按钮效果简单美观易使用的JS分页控件

分页按钮思想: 1.少于9页,全部显示 2.大于9页,1.2页显示,中间页码当前页为中心,前后各留两个页码 附件中有完整例子的压缩包下载.已更新到最新版本 先看效果图: 01输入框焦点效果 02效果 模仿淘宝的分页按钮效果控件kkpager  JS代码: Js代码   var kkpager = { //divID pagerid : 'div_pager', //当前页码 pno : 1, //总页码 total : 1, //总数据条数 totalRecords : 0, //是否显示总页数

Springmvc+mybaits 分页处理+ajax翻页

Springmvc+mybaits (分页处理+ajax翻页) (2)/** * 显示微商城模板 */ @RequestMapping(value="/scmb",method = RequestMethod.GET) public ModelAndView showModel(ModelAndView mv, HttpServletRequest request,Integer p, Integer k) { if (p == null) { p = 0; } if (k == nu

JavaScript显示分页按钮

/** * * @param total_page 总页数 * @param current_page 当前页 * @param num 页面显示多少个分页按钮 * @returns {string} */ exports.get_page_html = function(total_page,current_page,num){ //范围判断 if(current_page>total_page) { current_page = total_page; } //当前页的前后各显示多少页 va