项目场景：

前端dataTable的使用

问题描述：

将每页显示数据条数的下拉选项放置在与表格信息同位置下。

原始位置：位于表格左上角

修改后位置：与下方表格信息平齐

解决方案

js:

// 获取数据条数的下拉选项元素
let lableHtml = $('#dt-table_length')[0]
// 隐藏下拉选项元素的父元素
$('.row').eq(0).css('display','none')
// 放置在表格信息后
$('.row')[2].childNodes[0].append(lableHtml))

css：

/* 左浮动表格信息元素变为行内元素 */
#dt-table_info {float: left;
}
/* 微调下拉选项元素位置 */
#dt-table_length {margin: 4px 0 0 10px;
}

更改dataTable分页选择位置相关推荐

vscode 安装包_VS Code的下载与安装（更改插件的安装位置）
vs code下载地址 https://code.visualstudio.com/ 选择适合自己电脑系统的安装包安装下载完成后,双击进行安装选择安装路径(可以选择自己的创建的安装路径,也可以选 ...
怎么更改电脑默认下载位置？
当 C 盘的空间逐渐减少时,有些用户会尝试更改默认下载位置到其他盘符来释放C盘的空间.那我们应该怎么更改电脑默认下载位置? 我们可以使用Windows 11/10/8/7中的文件夹的属性,将此文件夹移 ...
jQuery（六）插件、Validate验证提交表单、submitHandler、更改错误信息显示的位置、required、Validator、内置验证方式表、validate ()的可选项汇总
jQuery(六)插件.Validate验证提交表单.submitHandler.更改错误信息显示的位置.required.Validator.内置验证方式表.validate ()的可选项汇总文章 ...
win10更改鼠标右键菜单位置
鼠标右键菜单位置一般都是系统默认的位置,正常是在右边,如果我们想更改它的显示位置,比如从右边改到左边,该如何操作呢?请参考以下步骤: 1. 打开"运行"窗口 2. 输入以下内容,点 ...
C#-DataTable分页代码
/// <summary>/// DataTable分页并取出指定页码的数据/// </summary>/// <param name="dtAll" ...
更改mysql数据库存放位置_更改mysql数据库存放位置
由于要做一个数据库的测试,所以选了台虚拟机进行,无奈硬盘分的太小,数据太大. 只能把数据放到新的硬盘上.所以要更改数据库的存储位置. 1.新添加块硬盘,分区,挂载到/mysql下,新建lib文件夹. ...
CentOS 更改MySQL数据库目录位置
CentOS 更改MySQL数据库目录位置由于MYSQL的数据库太大,默认安装的"/var"盘已经再也无法容纳新增加的数据,没有办法,只能想办法转移数据的目录. 以下是将MYSQ ...
mysql数据库更改文档_更改MySQL数据库目录位置
更改MySQL数据库目录位置 MySQL默认的数据文档存储目录为/var/lib/mysql.假如要把MySQL目录移到/home/data下需要进行下面几步: 1.home目录下建立data目录 c ...
微信小程序自带地图_微信小程序地图上选择位置
实现效果很多小程序都有如下需求: 小程序打开后,以文字形式显示用户所在位置,如果用户觉得不准,可以打开地图,在地图上自己选择位置,选择完成后,显示的用户的位置会发生变化点击地址选择地点选择地点之 ...

更改dataTable分页选择位置

项目场景：

问题描述：

解决方案

更改dataTable分页选择位置相关推荐

最新文章

热门文章