用户登录
用户注册

分享至

slick grid

  • 作者: 丐帮没帮主
  • 来源: 51数据库
  • 2020-09-21
你是想要什么效果?
1.要在表头上面点右键出来个选择的那种菜单么?然后在菜单里面选择某列是否可见的么?
2.还是要直接在页面中隐藏某列?
--------------------------------------------------
1.引入slick.columnpicker.js及slick.columnpicker.css,
在页面的javascript中添加一句代码:
var columnpicker = new Slick.Controls.ColumnPicker(columns, grid, options);

2.同样也需要引入slick.columnpicker.js及slick.columnpicker.css,
//初始化grid后
grid = new Slick.Grid("#myGrid", data, columns, options);
//假设columns有三列,如下:
var columns = [
{id: "title", name: "Title", field: "title",sortable:true},
{id: "uname", name: "UserName", field: "uname",sortable:true},
{id: "uage", name: "UserAge", field: "uage",sortable:true}
];
//进行显示|隐藏的设置
var visibleColumns = [];//定义一个数组存放显示的列
visibleColumns.push(columns[0]);//将columns的第一列push进去
visibleColumns.push(columns[1]);//将columns的第二列push进去
//设置grid的列
grid.setColumns(visibleColumns);

//祝工作愉快
----------------------------结束-----------------------------
软件
前端设计
程序设计
Java相关