jQuyer Table插件 – colorize(修改版)
查看插件效果
本插件的作用是为了支持table鼠标经过变色和选中效果,原始版本是只能单列或者单行选取。
修改了后的版本只是单个表格选取,配置参数如下:
options = {
ltColor: '#fbfbfb', // 行背景交互色。默认为 '#ECF6FC', 设置为 'none' 则不使用背景交互色。
bgColor: '#fff', // 背景色(默认背景色为白色)。
hoverColor: '#eff6ff', // 当鼠标在行上悬停时的背景色。默认为 '#BCD4EC'。
hoverClass:'', // mouseover样式类;hoverColor属性优先。
hiliteColor: '#ffffe5', // 行高亮色。默认为 'yellow',设置为 'none' 时关闭高亮。
hiliteClass:'', // 行或列高亮时使用的样式类,当设置了hiliteColor时被优先使用。
oneClick: false, // 每次只允许一行或一列高亮,当点击新行/新列时取消当前高亮。默认为false。
hover:'row', // 设置mouseover特性,可使用如下值:'row'、'column'、'cross' 。默认值为 'row'。
click:'row', // 设置鼠标点击时的高亮选项,可用值:'row'、'column'、 'cross'。当设置为 'row',点击时行高亮;当设置为 'column',点击时列高亮;当设置为 'cross',点击时行和列同时高亮。默认值为 'row'。
banColumns: [], // 防止某些列点击时高亮,还有鼠标悬停时也一样。可提交一个列数组作为参数,当使用'last'值时最后一列不能高亮。如第一第二列不高亮 banColumns: [0,1]
banRows:[], // 防止某些行高亮,可提交一个行数组作为参数。如第一第二行不高亮 banColumns: [0,1]
banDataClick:false, // 如果为true,你只能点击表头行。默认为为false。
ignoreHeaders:true, // 如果为true,表头行不变色(没有斑马线)。默认为true。
nested:false, // 默认为false。如果一个表中嵌套有表格,使用它可获得一致的斑马线。
singleTd:false //是否启用单个表格高亮模式,默认是单列高亮
};
