Plugin 表格列自定义显示隐藏插件TableCustom.js

最新推荐文章于 2025-09-14 01:13:58 发布

原创最新推荐文章于 2025-09-14 01:13:58 发布 · 415 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#表格列自定义显示

TableCustom.js是一款用于自定义HTML表格配置的轻量级JavaScript库，通过简单的三步即可实现表格的个性化设置，包括按钮和表格ID的指定、TableCustom对象的创建等。该库支持全选、反选和保存等功能。

TableCustom

案例展示

下载地址

https://github.com/chaorenzeng/TableCustom.js.git

快速使用

1.引入TableCustom.css和TableCustom.js

<link rel="stylesheet" type="text/css" href="js/TableCustom/TableCustom.css" />

<script src="js/TableCustom/TableCustom.js" type="text/javascript" charset="utf-8"></script>

2.指定表格Id 配置按钮Id

<table id="myTable">...</table>
...
<button type="button" id="myBtn">TableConfiguration</button>

3.创建TableCustom对象

var tabelCustom = new TableCustom({
    btnId: 'myBtn', //列表配置项按钮Id
    tableId: 'myTable' //列表配置表格Id
})

支持参数

可选参数	默认值	说明
btnId		按钮ID
tableId		表格ID
title	Table Configuration	弹窗标题
btnAllTxt	all	全选按钮文字
btnReverseTxt	reverse	反选按钮文字
btnSaveTxt	save	保存按钮文字