jquery高亮显示表格每行或每列中的最大/最小值插件（tableMinMax）

演示  website 下载

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>

会员登陆后即可下载资源文件。更多好用网站特效插件，请关注帝国模板之家。