网页特效栏目收集了最全最新的前端网页插件,包括最流行的jQuery,Bootstrap,Js,Css,Vue等主流特效插件。
tableMinMax是一款用于处理表数据的jQuery插件,它使用自定义CSS样式自动突出显示每行或每列中的最大值和最小值。查看大量大型HTML表格数据时,可以快速的帮助你找到最大值和最小值。
使用方法:
1.下载并加载tableMinMax.js在jQuery库之后。
<script src="jquery.slim.min.js"></script>
<script src="tableMinMax.js"></script>
2.在html页面中添加插件代码
<table id="example">
...
</table>
tableMinMax({
"table": "#example"
});
3.确定要在哪些单元格和/或列中突出显示最大/最小值。默认值:“全部”。 Default: 'all'.
tableMinMax({
"table": "#example",
"search": {
"mode": "row", // or 'col', 'all'
"nr": [1] // row / col number
},
});
4.自定义CSS样式应用于最大/最小值。
tableMinMax({
"table": "#example",
"css": {
"min": 'min',
"max": 'max'
},
colorize: 'span' // apply CSS class(es) to 'span' or 'cell' (default)
});
.min {
background-color: #DF0101;
color: white;
}
.max {
background-color: #01DFA4;
color: black;
}
5.确定是否改变最小/最大类。默认值:false。
tableMinMax({
"table": "#example",
"css": {
"min": 'min',
"max": 'max'
},
invert: true
});
6.可以通过HTML传递如下data选项属性:
<table id="example"
data-search-mode="col"
data-css-min="min"
data-css-max="max">
...
</table>
7.此外,该插件还可以使用color2k库 .
<script src="https://cdn.jsdelivr.net/npm/color2k@latest/index.min.js"></script>
转载请注明来源:jquery高亮显示表格每行或每列中的最大/最小值插件(tableMinMax)
本文永久链接地址:https://www.moyouyouw.cn/code/708.html
郑重声明:本站所有主题/文章除标明原创外,均来自网络转载,版权归原作者所有,如果有侵犯到您的权益,请联系本站删除,谢谢!我们不承担任何技术及版权问题,且不对任何资源负法律责任。
上一篇
下一篇
已有 位小伙伴发表了看法
欢迎 你 发表评论