JQuery实现table冻结列
程序员文章站
2022-06-16 10:12:50
...
由于公司代码框架古老使用静态html画的页面，无法使用bootstrap或easyui实现冻结列
最终再github上面找到的冻结列的实现
github地址
https://qiuyaofan.github.io/jqTable/
html展示
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>new document</title>
<link rel="stylesheet" type="text/css" href="http://www.jq22.com/demo/jqTable201711271054/css/jqTable.css"/>
</head>
<body>
<div class="c-table c-table--noWrap">
<table cellspacing="0" cellpadding="0" border="0" class="" role="c-table">
<colgroup>
<col name="" width="150">
<col name="" width="120">
<col name="" width="120">
<col name="" width="120">
<col name="" width="">
<col name="" width="">
<col name="" width="140">
</colgroup>
<thead>
<tr>
<th class="">
<div class="cell">日期</div>
</th>
<th class="">
<div class="cell">姓名</div>
</th>
<th class="">
<div class="cell">省份</div>
</th>
<th class="">
<div class="cell">市区</div>
</th>
<th class="">
<div class="cell">地址</div>
</th>
<th class="">
<div class="cell">邮编</div>
</th>
<th class="">
<div class="cell">操作</div>
</th>
</tr>
</thead>
<tbody>
<tr>
<td class="">
<div class="cell">2016-05-03</div>
</td>
<td class="">
<div class="cell">王小虎</div>
</td>
<td class="">
<div class="cell">上海</div>
</td>
<td class="">
<div class="cell">普陀区</div>
</td>
<td class="">
<div class="cell">上海市普陀区金沙江路 1518 弄</div>
</td>
<td class="">
<div class="cell">200333</div>
</td>
<td class="">
<div class="cell">
<button type="button" class="c-button">移除</button>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<script type="text/javascript" src="https://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
<script src="https://qiuyaofan.github.io/jqTable/js/zipJs/jqTable.all.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function(){
$('[role="c-table"]').jqTable({
fixedLeft: 2,
fixedRight: 1
});
})
</script>
</body>
</html>
jqTable.all.min.js
var jqTableObject = $({});
$.sub = function () {
jqTableObject.on.apply(jqTableObject, arguments)
};
$.unsub = function () {
jqTableObject.off.apply(jqTableObject, arguments)
};
$.pub = function () {
jqTableObject.trigger.apply(jqTableObject, arguments)
};
$(function () {
var a = ["icon-right", "icon-down"];
var c = $("body");
c.on("click", ".g-toggleTable--button", function (d) {
var i = $(this).parents(".g-toggleTable--title");
var f = i.parents(".g-toggleTable--main");
var j = f.find(".g-toggleTable--title");
var g = f.find("tr");
var e = g.index(i);
var k = g.length;
var h = j.eq(j.index(i) + 1);
var l = f.data("level");
l ? e = e + 1 : false;
if (h.length) {
k = g.index(h)
}
$.each(f.find("tr"), function (m, n) {
if (m > e && m < k) {
$(n).toggleClass("hide")
}
});
i.find(".g-toggleTable--button").toggleClass(a.join(" "));
b(f)
});
function b(i) {
var g = i.find(".g-toggleTable--title");
var e = i.find(".g-toggleTable--buttonAll");
var d = i.find(".g-toggleTable--button." + a[0]).length;
var f = i.find(".g-toggleTable--button." + a[1]).length;
var h = g.length - 1;
if (f === h) {
e.removeClass(a.join(" ")).addClass(a[1])
}
if (d === h) {
e.removeClass(a.join(" ")).addClass(a[0])
}
}
c.on("click", ".g-toggleTable--buttonAll", function () {
var g = $(this);
var d = g.hasClass(a[0]);
var f = g.parents(".g-toggleTable--main").find(".c-table__child");
var e = g.parents(".g-toggleTable--main").find(".g-toggleTable--title .g-toggleTable--button");
e.removeClass(a.join(" "));
g.removeClass(a.join(" "));
if (d) {
f.removeClass("hide");
e.addClass(a[1]);
g.addClass(a[1])
} else {
f.addClass("hide");
e.addClass(a[0]);
g.addClass(a[0])
}
})
});
$(function () {
var b = $("body");
b.on("change", ".g-selectAll", function (c) {
$(this).parents(".g-selectAll--main").find(".g-selectAll--input").prop("checked", this.checked)
});
b.on("change", ".g-selectAll--input", function (f) {
var c = $(this).parents(".g-selectAll--main");
var e = c.find(".g-selectAll--input").not(".g-selectAll").length;
var d = c.find(".g-selectAll--input:checked").not(".g-selectAll").length;
if (d === e) {
c.find(".g-selectAll").prop("checked", true);
return
}
c.find(".g-selectAll").prop("checked", false)
});
b.on("click", ".g-selectAll--btn", function (c) {
c.preventDefault();
a($(this))
});
function a(c) {
var g = c.data("destory");
var d = c.parents(".g-selectAll--main");
var e = d.find(".g-selectAll--input:checked").not(".g-selectAll");
var h = [];
var j = c.data("text") || "请先选择";
var k = c.data("tag") || "";
var f = {};
var i = [];
if (!g && !e.length) {
$.message({type: "error", message: j,});
return false
}
$.each(e, function (l, m) {
h.push($(m).data("value"));
i.push($(m).val())
});
f = {ele: c, checked: e, checkedArr: h, value: i};
$.pub("GSelectAllSuccess" + k, [f])
}
});
$(function () {
var K = {
fixedLeft: false,
fixedRight: false,
fixedMinWidth: 100,
fixedMaxWidth: 500,
totalString: "--",
totalTitle: "总计",
handleSortData: {},
noWidthColAdaptClient: false
};
var c = u();
var q = '<div class="c-table__sort {{class}}"><i class="c-table__down" aria-hidden="true"></i><i class="c-table__up" aria-hidden="true"></i></div >';
var n = '<div class="c-table__fixed-header-wrapper">{{theadHtml}}</div><div class="c-table__fixed-body-wrapper"> {{tbodyHtml}}</div>';
var d = '<div class="c-table__fixed"> {{fixedWrapper}}</div>';
var t = '<div class="c-table__fixed-right"> {{fixedWrapper}}</div>';
var x = '<div class="c-table--main" style="width: 100%;"><div class="c-table__header-wrapper"> {{theadHtml}}</div><div class="c-table__body-wrapper"> {{tbodyHtml}}</div> {{fixedLeft}}{{fixedRight}}</div>';
var w = '<div class="c-table__fixed-right-patch" style="width: ' + c + 'px; height: {{headerHeight}}px;"></div>';
$("body").on("click.jqTable", ".c-table__down", function () {
l($(this), true)
});
$("body").on("click.jqTable", ".c-table__up", function () {
l($(this), false)
});
function I(T, U) {
this.$container = U;
this.config = $.extend({}, K, T);
this.init(this.$container)
}
$.extend(I.prototype, {
init: function (U) {
this.isSafria = /version\/([\d.]+).*safari/i.test(navigator.userAgent);
this.render(U);
this.event(U);
var V = this;
var T = this.$table.find(".c-table__sort");
if (T) {
$.each(T, function (W, X) {
if ($(X).hasClass("activeUp")) {
$(X).find(".c-table__up").trigger("click.jqTable");
V.updateEvent();
return false
}
if ($(X).hasClass("activeDown")) {
$(X).find(".c-table__down").trigger("click.jqTable");
V.updateEvent();
return false
}
})
}
$(window).trigger("resize")
}, render: function (W) {
var X = this;
var U = z(X, W).data("table", X);
if (!X.$table) {
X.tableHeight = W.data("height");
var T = W.parents(".c-table").last();
U.addClass(T.attr("class"));
T.removeAttr("class");
W.after(U).remove();
X.$table = U;
X.$table.data("height", X.tableHeight)
} else {
X.$table.html(U.html());
U = X.$table
}
U.find("table").addClass("c-table--noWp100");
X.colJson = e(X);
U.find("table").removeClass("c-table--noWp100");
X.totalJson = S(X);
X.fixedWidth = X.colJson.isAllWidth;
X.headerHeight = m(X.$table);
if (!X.totalJson.noTotal) {
X.totalArr = k(X)
}
if (X.fixedWidth) {
var V = X.colJson.width.reduce(b, 0);
X.$table.width(V + 1)
}
if (!document.addEventListener) {
D(X)
} else {
E(X)
}
}, event: function (T) {
var U = this;
$(window).resize(function () {
E(U.$table.data("table"))
});
this.updateEvent()
}, updateEvent: function () {
var V = this;
if (document.addEventListener) {
V.$table.find(".c-table__body-wrapper").scroll(function () {
var aa = $(this);
var X = aa.parents(".c-table--main");
var ac = aa.scrollLeft();
var Y = aa.scrollTop();
var ab = X.find(".c-table__header-wrapper table");
var Z = X.find(".c-table__footer-wrapper table");
var W = X.find(".c-table__fixed-body-wrapper table");
ab.css({"margin-left": -ac + "px"});
Z.css({"margin-left": -ac + "px"});
W.css({"margin-top": -Y + "px"})
});
var U = {
isInit: false,
scrollTop: 0,
timer: "",
prevTop: 0,
maxScroll: 0,
bodyStyle: "",
isFirst: false,
isBodyScroll: function () {
return ($("html")[0].scrollHeight - $("html")[0].clientHeight) > 0
}
};
V.$table.find(".c-table__fixed-body-wrapper").on("mousewheel", function (W) {
clearTimeout(U.timer);
var X = $(this).parents(".c-table--main");
var Z = X.find(".c-table__body-wrapper");
var aa = X.data("table");
if (!aa.scrollResult.colScroll) {
return
}
U.timer = setTimeout(function () {
T();
if (U.isBodyScroll()) {
$("body").attr("style", U.bodyStyle);
U.isFirst = false
}
}, 500);
if (!U.isFirst && U.isBodyScroll()) {
U.isFirst = true;
U.bodyStyle = $("body").attr("style");
$("body").css({overflow: "hidden", "padding-right": c + "px"})
}
if (!U.isInit) {
U.isInit = true;
U.scrollTop = Z.scrollTop();
U.maxScroll = Z.find("table").height() - Z.height();
if (aa.scrollResult.rowScroll) {
U.maxScroll += c
}
return
}
if (U.prevTop > Math.abs(W.deltaY)) {
T();
return
}
U.prevTop = Math.abs(W.deltaY);
var Y = -U.scrollTop + W.deltaY;
if (Y > 0) {
Y = 0
}
if (Y < (-U.maxScroll)) {
Y = -U.maxScroll
}
X.find(".c-table__fixed-body-wrapper table").css({"margin-top": Y + "px"});
Z.scrollTop(-Y)
});
function T() {
U.isInit = false;
U.scrollTop = 0;
U.prevTop = 0
}
}
if (V.config.fixedLeft || V.config.fixedRight) {
V.$table.find("tbody tr").hover(function () {
var Z = $(this);
var Y = Z.parents(".c-table--main");
var X = Z.parents("tbody").find("tr").index(Z);
var W = Y.find("tbody");
$.each(W, function (ab, aa) {
$(aa).find("tr").eq(X).addClass("hover-row")
})
}, function () {
var W = $(this).parents(".c-table--main").find("tbody");
W.find("tr").removeClass("hover-row")
})
}
}, updateHtml: function (T) {
this.init($(T))
}, updateHeight: function (T) {
this.tableHeight = T || this.$table.data("height");
this.$table.data("height", this.tableHeight);
var V = this.tableHeight - this.headerHeight;
var U = this.tableHeight;
if (this.scrollResult.rowScroll) {
V -= c;
U -= c
}
if (this.config.fixedRight || this.config.fixedLeft) {
this.$table.find(".c-table__fixed-body-wrapper").css({
"max-height": V + "px",
top: this.headerHeight + "px"
})
}
if (this.config.fixedLeft) {
this.$table.find(".c-table__fixed").height(U + "px")
}
if (this.config.fixedRight) {
this.$table.find(".c-table__fixed-right").height(U + "px")
}
E(this)
}
});
function l(ad, V) {
var aa = V ? "activeDown" : "activeUp";
var X = ad.parents(".c-table--main");
var Z = X.data("table");
var af = X.find(".c-table__fixed-body-wrapper tbody");
var U = X.find(".c-table__body-wrapper table tbody");
var W = U.find("tr");
var ae = ad.parents("thead").find("th");
var ac = [];
var Y = ae.index(ad.parents("th"));
X.find(".c-table__sort").removeClass("activeUp activeDown");
X.find(".c-table__fixed-header-wrapper th").eq(Y).find(".c-table__sort").addClass(aa);
X.find(".c-table__header-wrapper th").eq(Y).find(".c-table__sort").addClass(aa);
if (W.length <= 1) {
return
}
$.each(W, function (ai, ah) {
var ag = {};
ag.index = ai;
ag.value = $(ah).find("td").eq(Y).text().trim();
ac.push(ag)
});
var ab = Z.config.handleSortData;
var T = Z.sortConfig;
if (T[Y]) {
if (T[Y] && ab[T[Y]] && typeof(ab[T[Y]]) === "function") {
ac = ab[T[Y]](ac)
} else {
ac = g(ac, T[Y])
}
}
ac = B(ac, "value", V);
v(Z, U, ac);
$.each(af, function (ag, ah) {
v(Z, $(ah), ac)
})
}
function g(X, Y) {
var T = [];
var W;
var V = new RegExp(Y, "g");
for (var U = 0; U < X.length; U++) {
W = X[U];
W.value = (W.value + "").replace(V, "");
T.push(W)
}
return T
}
function v(aa, U, Z) {
var Y = U.find("tr");
var V = U.clone();
V.html("");
for (var X = 0, T = Z.length; X < T; X++) {
var W = Z[X].index;
V.append(Y.eq(W).clone())
}
U.replaceWith(V);
aa.updateEvent()
}
function B(T, V, W) {
var U;
if (T.length < 2) {
return
}
if (isNaN(T[0][V])) {
U = C
} else {
U = s
}
T.sort(function (Y, X) {
var aa = Y[V], Z = X[V];
if (W) {
aa = X[V];
Z = Y[V]
}
return U(aa, Z)
});
return T
}
function s(U, T) {
return U - T
}
function C(U, T) {
var W = U.toLowerCase(), V = T.toLowerCase();
if (W < V) {
return -1
}
if (W > V) {
return 1
}
return 0
}
function h(W, Y) {
var ac = f(W, Y);
if (ac.noSort) {
return
}
W.sortConfig = ac.sortConfig;
var aa = ac.sort;
var ab = Y.find("thead th");
for (var U = 0, X = aa.length; U < X; U++) {
var T = aa[U];
if (T) {
var Z = T === "up" ? "activeUp" : T === "down" ? "activeDown" : "";
var V = $(q.replace("{{class}}", Z));
ab.eq(U).find(".cell").append(V)
}
}
}
function m(T) {
return T.find(".c-table__header-wrapper").height()
}
function z(Y, aa) {
var Z = aa.clone().addClass("c-table__header");
var V = aa.clone().addClass("c-table__body");
Z.find("tbody").remove();
V.find("thead").remove();
h(Y, Z);
var T = Z[0].outerHTML;
var ad = V[0].outerHTML;
var X = n.replace("{{theadHtml}}", T).replace("{{tbodyHtml}}", ad);
var U = Y.config.fixedLeft ? d.replace(/{{fixedWrapper}}/g, X) : "";
var ab = Y.config.fixedRight ? t.replace(/{{fixedWrapper}}/g, X) : "";
var ac = x.replace("{{theadHtml}}", T).replace("{{tbodyHtml}}", ad).replace("{{fixedLeft}}", U).replace("{{fixedRight}}", ab);
var W = $(ac);
return W
}
function D(Y) {
var U = Y.$table;
var X = U.find(".c-table__body-wrapper");
var T = X.find("table");
var V;
var W = Y.colJson;
R(Y);
V = G(X, T, U, W);
if (!Y.fixedWidth) {
N(Y, U, W, V)
}
M(U, V);
if (Y.fixedWidth) {
H(Y, U, V)
}
V = G(X, T, U, W);
Y.scrollResult = V;
if (Y.config.fixedRight || Y.config.fixedLeft) {
j(Y, U, V);
F(Y, U, V)
} else {
U.addClass("el-table--enable-row-transition")
}
if (V.colScroll && !U.find(".c-table__fixed-right-patch").length) {
X.after(w.replace("{{headerHeight}}", Y.headerHeight))
} else {
if (!V.colScroll) {
U.find(".c-table__fixed-right-patch").remove()
}
}
if (!Y.totalJson.noTotal) {
L(Y, U)
}
}
function E(T) {
if (!document.addEventListener) {
return
}
D(T)
}
function L(Z, U) {
var Y = U.find(".c-table__body-wrapper");
var T = Y.clone().removeClass("c-table__body-wrapper").addClass("c-table__footer-wrapper");
T.find(".c-table__body").removeClass(".c-table__body").addClass("c-table__footer");
var X = T.find("tbody tr:not(:first)").remove();
var V = U.find(".c-table__footer-wrapper");
if (V.length) {
V.replaceWith(T)
} else {
Y.after(T)
}
var W = T.find("tbody tr").eq(0).find("td");
$.each(W, function (aa, ab) {
W.find(".cell").eq(aa).html(Z.totalArr[aa])
})
}
function k(X) {
var Y = X.totalJson;
var W = X.$table.find(".c-table__body-wrapper").find("tbody tr:not(:first)");
var ab = [X.config.totalTitle];
var T = [];
var U = X.config.totalString;
$.each(W, function (ac, ad) {
var ae = $(ad).find("td");
$.each(ae, function (af, ag) {
if (ac === 0) {
T.push([])
}
T[af].push($(ag).text().trim())
})
});
var aa;
for (var V = 1; V < Y.total.length; V++) {
var Z = Y.total[V];
if (Z) {
aa = T[V].reduce(p, 0)
} else {
aa = U
}
ab.push(aa)
}
return ab
}
function F(ac, aa, T) {
var X = aa.find(".g-selectAll--input");
if (!X.length) {
return
}
var Y = aa.find(".c-table__fixed");
var W = aa.find(".c-table__fixed-right");
var Z = aa.find(".c-table__body-wrapper tr");
var ad, ab = ac.colJson.width.length - 1;
var U = O(Z, 0);
var V = O(Z, ab);
if (ac.config.fixedLeft && U) {
y(W, Z, 0)
}
if (ac.config.fixedRight && V) {
y(Y, Z, ab)
}
}
function y(U, V, T) {
var W = U.find(".c-table__fixed-body-wrapper tr");
if (U.length) {
$.each(W, function (Y, X) {
i(X, T)
})
}
$.each(V, function (Y, X) {
i(X, T)
})
}
function i(U, T) {
$(U).find("td").eq(T).find(".g-selectAll--input").remove()
}
function O(U, T) {
return U.eq(0).find("td").eq(T).find(".g-selectAll--input").length
}
function j(ae, W, ad) {
var ag = ae.colJson.width.length;
var V = W.find(".c-table__header-wrapper table th");
var ab = W.find(".c-table__body-wrapper table tr").eq(0);
var af = ab.find("td:not(.gutter)");
var an = ae.headerHeight;
var ao = W.height();
var aj = W.width();
var aa = ao - an;
var am = W.find(".c-table__fixed");
var al = W.find(".c-table__fixed-right");
var Y = ae.config;
var ac = Y.fixedLeft;
var Z = Y.fixedRight;
var ak = "c-table__fixed--shadow";
if (ad.rowScroll) {
aa -= c
}
if (ae.config.fixedRight || ac) {
W.find(".c-table__fixed-body-wrapper").css({"max-height": aa + "px", top: ae.headerHeight + "px"});
if (ad.rowScroll) {
am.addClass(ak);
al.addClass(ak)
} else {
am.removeClass(ak);
al.removeClass(ak)
}
}
if (ac && ac <= 1) {
am.find(".c-table__fixed-body-wrapper tr td:not(:first-child):not(.gutter)").addClass("is-hidden")
} else {
if (ac > 1) {
$.each(am.find(".c-table__fixed-body-wrapper tr"), function (aq, ap) {
$.each($(ap).find("td:not(.gutter)"), function (ar, at) {
if (ar >= ac) {
$(at).addClass("is-hidden")
}
})
})
}
}
if (Z && Z <= 1) {
al.find(".c-table__fixed-body-wrapper tr td:not(:nth-child(" + ag + ")):not(.gutter)").addClass("is-hidden")
} else {
if (Z > 1) {
$.each(al.find(".c-table__fixed-body-wrapper tr"), function (aq, ap) {
$.each($(ap).find("td:not(.gutter)"), function (ar, at) {
if (ar <= ag - Z - 1) {
$(at).addClass("is-hidden")
}
})
})
}
}
var ai = ad.rowScroll ? ao - c : ao;
if (!ae.totalJson.noTotal) {
ai -= ab.height()
}
if (ac) {
var ah = 0;
if (ac <= 1) {
ah = af.eq(0).width()
} else {
if (ac > 1) {
for (var X = 0; X < ac; X++) {
ah += af.eq(X).width()
}
}
}
am.width(ah).height(ai);
if (ae.colJson.isAllWidth === true) {
am.find("table").width(aj)
}
}
if (ae.config.fixedRight) {
var U = ad.colScroll ? c : 0;
var T = 0;
if (Z <= 1) {
T = af.eq(af.length - 1).width()
} else {
if (Z > 1) {
for (var X = 0; X < Z; X++) {
T += af.eq(af.length - 1 - X).width()
}
}
}
al.width(T).height(ai).css({right: U});
if (ae.colJson.isAllWidth === true) {
al.find("table").width(aj)
}
}
}
function H(Z, U, X) {
var V = U.find(".c-table__header-wrapper table");
var T = U.find(".c-table__body-wrapper table");
var W = Z.colJson.width.reduce(b, 0);
var Y = X.colScroll ? W + c : W;
U.width(Y + 1);
V.width(W);
T.width(W)
}
function M(U, X) {
var V = U.find(".c-table__header-wrapper table");
var T = U.find(".c-table__body-wrapper table");
var W = V.find(".gutter").length;
if (W) {
V.find(".gutter").remove();
T.find(".gutter").remove()
}
}
function R(Z) {
var U = Z.$table;
var V = Z.$table.data("height");
if (V) {
var Y = U.find(".c-table__body-wrapper");
U.css({"max-height": V + "px"});
Y.css({"max-height": "none"});
var X = Z.headerHeight;
var T = U.height();
var W = T - X;
if (!Z.totalJson.noTotal) {
W -= Y.find("tbody tr").eq(0).height()
}
Y.css({"max-height": W + "px"})
}
}
function N(ae, ac, ag, V) {
var T = ac.find("colgroup");
var af = ac.width();
var X = ag.noWidthIndex.length;
var W = ag.tdWidth.reduce(b, 0);
if (V.colScroll) {
W += c
}
var U = ae.config.fixedMinWidth;
var Z = ae.config.noWidthColAdaptClient;
var ab = [];
for (var aa = 0; aa < X; aa++) {
var ah = ag.noWidthIndex[aa];
ab.push(ag.tdWidth[ah])
}
var Y = ab.reduce(b, 0);
var ad = af - W + Y - 2;
if (ab.length * U >= ad) {
Q(ae, T, ag, ab, U)
} else {
ab = J(ab, ad, U, ab.length, Z);
Q(ae, T, ag, ab, false)
}
W = ag.width.reduce(b, 0) + 2;
ac.find(".c-table__header-wrapper table").width(W);
ac.find(".c-table__body-wrapper table").width(W);
ac.find(".c-table__fixed-header-wrapper table").width(W - 2);
ac.find(".c-table__fixed-body-wrapper table").width(W - 2)
}
function Q(Z, T, ab, Y, U) {
var V = ab.noWidthIndex.length;
var aa = [];
for (var X = 0; X < V; X++) {
var ac = ab.noWidthIndex[X];
if (/^\d+\.\d{4,}$/.test(Y[X] + "")) {
Y[X] = Number(Y[X]).toFixed(3)
}
var W = U && Y[X] < U ? U : Y[X];
ab.width[ac] = Number(W);
if (W >= Z.config.fixedMaxWidth) {
aa.push(ac)
}
$.each(T, function (ad, ae) {
$(ae).find("col").eq(ac).attr("width", W)
})
}
a(Z, T, ab, aa)
}
function a(X, U, W, T) {
if (X.isSafria) {
var V = W.noWidthIndex;
if (T.length > 0) {
A(U, W, T, true);
V = V.filter(function (Y) {
return T.indexOf(Y) === -1
})
}
if (V.length) {
A(U, W, V, false)
}
}
}
function A(U, X, T, W) {
for (var V = 0; V < T.length; V++) {
var Y = T[V];
$.each(U, function (ac, aa) {
var ab = $(aa).parents("table").find("tbody tr");
var Z = W ? X.width[Y] - 36 : "auto";
$.each(ab, function (ae, ad) {
$(ad).find("td").eq(Y).find(".cell").width(Z)
})
})
}
}
function J(ab, V, Y, W, ae) {
var ac = ab.reduce(p, 0);
var U = (V - ac) / W;
if (!ae && U < 0) {
return ab
} else {
var ad = 0;
var af = 0;
var T = 0;
if (U > 0) {
for (var aa = 0; aa < ab.length; aa++) {
ab[aa] = ab[aa] + U;
ab[aa] < Y ? ab[aa] = Y : T++
}
} else {
for (var Z = 0; Z < ab.length; Z++) {
if (ab[Z] < Y) {
ab[Z] = Y
} else {
if (ab[Z] > Y) {
var X = ab[Z] + U;
if (X > Y) {
T++
}
ab[Z] = X < Y ? Y : X
}
}
}
}
ac = ab.reduce(p, 0);
if (Math.floor(ac) !== Math.floor(V)) {
J(ab, V, Y, T, ae)
}
return ab
}
}
function b(U, T) {
return U + T
}
function p(U, T) {
return U - (-T)
}
function u() {
var V = document.createElement("p");
V.style.width = "100%";
V.style.height = "200px";
var W = document.createElement("div");
W.style.position = "absolute";
W.style.top = "0px";
W.style.left = "0px";
W.style.visibility = "hidden";
W.style.width = "200px";
W.style.height = "150px";
W.style.overflow = "hidden";
W.appendChild(V);
document.body.appendChild(W);
var U = V.offsetWidth;
W.style.overflow = "scroll";
var T = V.offsetWidth;
if (U == T) {
T = W.clientWidth
}
document.body.removeChild(W);
return (U - T)
}
function f(X, U) {
var V = U.find("colgroup>col");
var T = P("sort", V);
var W = P("sortconfig", V);
return {sort: T.demo, noSort: T.nodemo, sortConfig: W.demo}
}
function S(Y) {
var V = Y.$table.find(".c-table__header-wrapper table");
var W = V.find("colgroup>col");
var T = P("total", W);
var X = T.demo;
var U = T.nodemo;
return {total: X, noTotal: U}
}
function P(T, W) {
var X = [];
var V = 0;
W = W.not("[name=gutter]");
$.each(W, function (aa, Z) {
var Y = $(Z).data(T);
X.push(Y);
if (Y) {
V++
}
});
var U = V ? false : true;
return {demo: X, nodemo: U}
}
function r(W, U, T) {
var X = W.eq(T).width();
var V = U.eq(T).width();
return X > V ? X : V
}
function e(X) {
X.$table.addClass("c-table--noWrap-init");
var aa = X.$table.find(".c-table__header-wrapper table");
var W = X.$table.find(".c-table__body-wrapper table");
var ae = aa.find("colgroup>col");
var ad = aa.width();
var V = W.width();
var U = [];
var Y = [];
var ag = ad > V ? ad : V;
var Z = [];
var ac = [];
var af = true;
var T = W.find("tr").eq(0).find("td");
var ab = aa.find("tr").eq(0).find("th");
ae = ae.not("[name=gutter]");
$.each(ae, function (ak, ai) {
var ah = $(ai).attr("width") ? Number($(ai).attr("width")) : 0;
ah = o(X, ah);
U.push(ah);
if (ah) {
ac.push(ah);
Y.push(ah)
} else {
var aj = o(X, r(T, ab, ak) + 1);
af = false;
Z.push(ak);
Y.push(aj)
}
});
X.$table.addClass("c-table__cell--block").removeClass("c-table--noWrap-init");
return {width: U, noWidthIndex: Z, hasWidthArr: ac, isAllWidth: af, realTotalWidth: ag, tdWidth: Y}
}
function o(V, U) {
var T = U > V.config.fixedMaxWidth ? V.config.fixedMaxWidth : U;
return T
}
function G(Z, U, V, X) {
var Y = Z.height() < U.height();
var T = X.width.reduce(b, 0) + 1;
if (Y) {
T += c
}
var W = T > V.width();
if (W) {
Y = Z.height() - c < U.height()
}
return {rowScroll: W, colScroll: Y}
}
$.fn.jqTable = function (T) {
return this.each(function () {
new I(T, $(this))
})
}
}());
@font-face {
font-family: iconfont;
src: url(../fonts/iconfont/iconfont.eot?t=1524898066782);
src: url(../fonts/iconfont/iconfont.eot?t=1524898066782#iefix) format("embedded-opentype"), url(data:application/x-font-woff;charset=utf-8;base64,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) format("woff"), url(../fonts/iconfont/iconfont.ttf?t=1524898066782) format("truetype"), url(../fonts/iconfont/iconfont.svg?t=1524898066782#iconfont) format("svg")
}
.iconfont {
font-family: iconfont !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #333
}
.icon-plus-square:before {
content: "\e689"
}
.icon-down:before {
content: "\e608"
}
.icon-plus-o:before {
content: "\e6e2"
}
.icon-right:before {
content: "\e6c8"
}
.icon-jian-o:before {
content: "\e67d"
}
.icon-jian-square:before {
content: "\e712"
}
.c-message {
position: fixed;
top: 30px;
left: 50%;
padding-left: 50px;
padding-right: 20px;
height: 40px;
line-height: 40px;
background: #fff;
min-width: 200px;
color: #666;
box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
z-index: 9999
}
.c-message--icon {
color: #fff;
width: 40px;
height: 40px;
text-align: center;
position: absolute;
left: 0;
top: 0;
line-height: 40px
}
.c-message--success {
background: #13ce66 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl9zdWNjZXNzPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IkVsZW1lbnQtZ3VpZGVsaW5lLXYwLjIuNCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1lc3NhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MC4wMDAwMDAsIC0yMTIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLluKblgL7lkJFf5L+h5oGvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MC4wMDAwMDAsIDIxMi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJSZWN0YW5nbGUtMiI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Imljb25fc3VjY2VzcyI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgZmlsbD0iIzEzQ0U2NiIgeD0iMCIgeT0iMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yNy44MjU1ODE0LDE3LjE0ODQzNTcgTDE5LjAxNzQ0LDI1LjgyODEyMTMgQzE4LjkwMTE2MDksMjUuOTQyNzA4MyAxOC43NjU1MDMzLDI2IDE4LjYxMDQ2NywyNiBDMTguNDU1NDI3LDI2IDE4LjMxOTc2OTMsMjUuOTQyNzA4MyAxOC4yMDM0ODY1LDI1LjgyODEyMTMgTDE4LjAyOTA3MTYsMjUuNjU2MjUgTDEzLjE3NDQxODYsMjAuODQzNzUgQzEzLjA1ODEzOTUsMjAuNzI5MTYzIDEzLDIwLjU5NTQ4MzcgMTMsMjAuNDQyNzA0NyBDMTMsMjAuMjg5OTI5MyAxMy4wNTgxMzk1LDIwLjE1NjI1IDEzLjE3NDQxODYsMjAuMDQxNjY2NyBMMTQuMzY2Mjc3MiwxOC44NjcxODU3IEMxNC40ODI1NiwxOC43NTI2MDIzIDE0LjYxODIxNzcsMTguNjk1MzEwNyAxNC43NzMyNTc3LDE4LjY5NTMxMDcgQzE0LjkyODI5NCwxOC42OTUzMTA3IDE1LjA2Mzk1MTYsMTguNzUyNjAyMyAxNS4xODAyMzA3LDE4Ljg2NzE4NTcgTDE4LjYxMDQ2NywyMi4yNzYwMzggTDI1LjgxOTc2OTMsMTUuMTcxODcxMyBDMjUuOTM2MDQ4NCwxNS4wNTcyODggMjYuMDcxNzA2LDE1IDI2LjIyNjc0MjMsMTUgQzI2LjM4MTc4MjMsMTUgMjYuNTE3NDQsMTUuMDU3Mjg4IDI2LjYzMzcyMjgsMTUuMTcxODcxMyBMMjcuODI1NTgxNCwxNi4zNDYzNTIzIEMyNy45NDE4NjA1LDE2LjQ2MDkzNTcgMjgsMTYuNTk0NjE1IDI4LDE2Ljc0NzM5NCBDMjgsMTYuOTAwMTczIDI3Ljk0MTg2MDUsMTcuMDMzODUyMyAyNy44MjU1ODE0LDE3LjE0ODQzNTcgTDI3LjgyNTU4MTQsMTcuMTQ4NDM1NyBaIiBpZD0iUGF0aCIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 50%
}
.c-message--error {
background: #ff4949 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl9kYW5nZXI8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iRWxlbWVudC1ndWlkZWxpbmUtdjAuMi40IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTWVzc2FnZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYwLjAwMDAwMCwgLTMzMi4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9IuW4puWAvuWQkV/kv6Hmga8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYwLjAwMDAwMCwgMzMyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IlJlY3RhbmdsZS0yIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbl9kYW5nZXIiPgogICAgICAgICAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTIiIGZpbGw9IiNGRjQ5NDkiIHg9IjAiIHk9IjAiIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCI+PC9yZWN0PgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjUuODE3MjYyNywxNi4zNDUxNzk2IEMyNS45MzkwOTAyLDE2LjIyMzM0ODMgMjYsMTYuMDc2MTQxOCAyNiwxNS45MDM1NTIzIEMyNiwxNS43MzA5NjI4IDI1LjkzOTA5MDIsMTUuNTgzNzU2MyAyNS44MTcyNjI3LDE1LjQ2MTkyODkgTDI0LjUwNzYxNTcsMTQuMTgyNzQxMSBDMjQuMzg1Nzg4MiwxNC4wNjA5MTM3IDI0LjI0MzY1NzUsMTQgMjQuMDgxMjE5NiwxNCBDMjMuOTE4NzgxNywxNCAyMy43NzY2NTEsMTQuMDYwOTEzNyAyMy42NTQ4MjM1LDE0LjE4Mjc0MTEgTDIwLDE3LjgzNzU2MzUgTDE2LjMxNDcyMTYsMTQuMTgyNzQxMSBDMTYuMTkyODkwMiwxNC4wNjA5MTM3IDE2LjA1MDc1OTUsMTQgMTUuODg4MzIxNiwxNCBDMTUuNzI1ODg3NiwxNCAxNS41ODM3NTY5LDE0LjA2MDkxMzcgMTUuNDYxOTI5NCwxNC4xODI3NDExIEwxNC4xNTIyODI0LDE1LjQ2MTkyODkgQzE0LjA1MDc1ODIsMTUuNTgzNzU2MyAxNCwxNS43MzA5NjI4IDE0LDE1LjkwMzU1MjMgQzE0LDE2LjA3NjE0MTggMTQuMDUwNzU4MiwxNi4yMjMzNDgzIDE0LjE1MjI4MjQsMTYuMzQ1MTc5NiBMMTcuODM3NTYwOCwyMC4wMDAwMDE5IEwxNC4xNTIyODI0LDIzLjY1NDgyNDMgQzE0LjA1MDc1ODIsMjMuNzc2NjUxNyAxNCwyMy45MjM4NTgyIDE0LDI0LjA5NjQ0NzcgQzE0LDI0LjI2OTAzNzIgMTQuMDUwNzU4MiwyNC40MTYyNDM3IDE0LjE1MjI4MjQsMjQuNTM4MDcxMSBMMTUuNDYxOTI5NCwyNS44MTcyNTg5IEMxNS41ODM3NTY5LDI1LjkzOTA4NjMgMTUuNzI1ODg3NiwyNiAxNS44ODgzMjE2LDI2IEMxNi4wNTA3NTk1LDI2IDE2LjE5Mjg5MDIsMjUuOTM5MDg2MyAxNi4zMTQ3MjE2LDI1LjgxNzI1ODkgTDIwLDIyLjE2MjQzNjUgTDIzLjY1NDgyMzUsMjUuODE3MjU4OSBDMjMuNzc2NjUxLDI1LjkzOTA4NjMgMjMuOTE4NzgxNywyNiAyNC4wODEyMTk2LDI2IEMyNC4yNDM2NTc1LDI2IDI0LjM4NTc4ODIsMjUuOTM5MDg2MyAyNC41MDc2MTU3LDI1LjgxNzI1ODkgTDI1LjgxNzI2MjcsMjQuNTM4MDcxMSBDMjUuOTM5MDkwMiwyNC40MTYyNDM3IDI2LDI0LjI2OTAzNzIgMjYsMjQuMDk2NDQ3NyBDMjYsMjMuOTIzODU4MiAyNS45MzkwOTAyLDIzLjc3NjY1MTcgMjUuODE3MjYyNywyMy42NTQ4MjQzIEwyMi4xMzE5ODA0LDIwLjAwMDAwMTkgTDI1LjgxNzI2MjcsMTYuMzQ1MTc5NiBaIiBpZD0iUGF0aCIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 50%
}
.c-message--info {
background: #20a0ff url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl9pbmZvPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IkVsZW1lbnQtZ3VpZGVsaW5lLXYwLjIuNCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1lc3NhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MC4wMDAwMDAsIC0xNTIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLluKblgL7lkJFf5L+h5oGvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MC4wMDAwMDAsIDE1Mi4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJSZWN0YW5nbGUtMiI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9Imljb25faW5mbyI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMiIgZmlsbD0iIzUwQkZGRiIgeD0iMCIgeT0iMCIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIj48L3JlY3Q+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMS42MTUzODQ2LDI2LjU0MzIwOTkgQzIxLjYxNTM4NDYsMjYuOTQ3ODc1MSAyMS40NTgzMzQ4LDI3LjI5MTgzNjggMjEuMTQ0MjMwOCwyNy41NzUxMDI5IEMyMC44MzAxMjY4LDI3Ljg1ODM2ODkgMjAuNDQ4NzE5NCwyOCAyMCwyOCBDMTkuNTUxMjgwNiwyOCAxOS4xNjk4NzMyLDI3Ljg1ODM2ODkgMTguODU1NzY5MiwyNy41NzUxMDI5IEMxOC41NDE2NjUyLDI3LjI5MTgzNjggMTguMzg0NjE1NCwyNi45NDc4NzUxIDE4LjM4NDYxNTQsMjYuNTQzMjA5OSBMMTguMzg0NjE1NCwxOS43NDQ4NTYgQzE4LjM4NDYxNTQsMTkuMzQwMTkwNyAxOC41NDE2NjUyLDE4Ljk5NjIyOSAxOC44NTU3NjkyLDE4LjcxMjk2MyBDMTkuMTY5ODczMiwxOC40Mjk2OTY5IDE5LjU1MTI4MDYsMTguMjg4MDY1OCAyMCwxOC4yODgwNjU4IEMyMC40NDg3MTk0LDE4LjI4ODA2NTggMjAuODMwMTI2OCwxOC40Mjk2OTY5IDIxLjE0NDIzMDgsMTguNzEyOTYzIEMyMS40NTgzMzQ4LDE4Ljk5NjIyOSAyMS42MTUzODQ2LDE5LjM0MDE5MDcgMjEuNjE1Mzg0NiwxOS43NDQ4NTYgTDIxLjYxNTM4NDYsMjYuNTQzMjA5OSBaIE0yMCwxNS44MDQyOTgxIEMxOS40NDQ0NDI3LDE1LjgwNDI5ODEgMTguOTcyMjI0LDE1LjYxOTM2ODcgMTguNTgzMzMzMywxNS4yNDk1MDQ2IEMxOC4xOTQ0NDI3LDE0Ljg3OTY0MDYgMTgsMTQuNDMwNTI1NSAxOCwxMy45MDIxNDkxIEMxOCwxMy4zNzM3NzI2IDE4LjE5NDQ0MjcsMTIuOTI0NjU3NSAxOC41ODMzMzMzLDEyLjU1NDc5MzUgQzE4Ljk3MjIyNCwxMi4xODQ5Mjk1IDE5LjQ0NDQ0MjcsMTIgMjAsMTIgQzIwLjU1NTU1NzMsMTIgMjEuMDI3Nzc2LDEyLjE4NDkyOTUgMjEuNDE2NjY2NywxMi41NTQ3OTM1IEMyMS44MDU1NTczLDEyLjkyNDY1NzUgMjIsMTMuMzczNzcyNiAyMiwxMy45MDIxNDkxIEMyMiwxNC40MzA1MjU1IDIxLjgwNTU1NzMsMTQuODc5NjQwNiAyMS40MTY2NjY3LDE1LjI0OTUwNDYgQzIxLjAyNzc3NiwxNS42MTkzNjg3IDIwLjU1NTU1NzMsMTUuODA0Mjk4MSAyMCwxNS44MDQyOTgxIFoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI0ZGRkZGRiI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat 0 50%
}
.c-message--warning {
background: #f7ba2a url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+aWNvbl93YXJuaW5nPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ik1lc3NhZ2UiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02MC4wMDAwMDAsIC0yNzIuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLluKblgL7lkJFf5L+h5oGvLWNvcHkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDYwLjAwMDAwMCwgMjcyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9IlJlY3RhbmdsZS0yIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iaWNvbl93YXJuaW5nIj4KICAgICAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS0yIiBmaWxsPSIjRjdCQTJBIiB4PSIwIiB5PSIwIiB3aWR0aD0iNDAiIGhlaWdodD0iNDAiPjwvcmVjdD4KICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTIxLjYxNTM4NDYsMjYuNTQzMjA5OSBDMjEuNjE1Mzg0NiwyNi45NDc4NzUxIDIxLjQ1ODMzNDgsMjcuMjkxODM2OCAyMS4xNDQyMzA4LDI3LjU3NTEwMjkgQzIwLjgzMDEyNjgsMjcuODU4MzY4OSAyMC40NDg3MTk0LDI4IDIwLDI4IEMxOS41NTEyODA2LDI4IDE5LjE2OTg3MzIsMjcuODU4MzY4OSAxOC44NTU3NjkyLDI3LjU3NTEwMjkgQzE4LjU0MTY2NTIsMjcuMjkxODM2OCAxOC4zODQ2MTU0LDI2Ljk0Nzg3NTEgMTguMzg0NjE1NCwyNi41NDMyMDk5IEwxOC4zODQ2MTU0LDE5Ljc0NDg1NiBDMTguMzg0NjE1NCwxOS4zNDAxOTA3IDE4LjU0MTY2NTIsMTguOTk2MjI5IDE4Ljg1NTc2OTIsMTguNzEyOTYzIEMxOS4xNjk4NzMyLDE4LjQyOTY5NjkgMTkuNTUxMjgwNiwxOC4yODgwNjU4IDIwLDE4LjI4ODA2NTggQzIwLjQ0ODcxOTQsMTguMjg4MDY1OCAyMC44MzAxMjY4LDE4LjQyOTY5NjkgMjEuMTQ0MjMwOCwxOC43MTI5NjMgQzIxLjQ1ODMzNDgsMTguOTk2MjI5IDIxLjYxNTM4NDYsMTkuMzQwMTkwNyAyMS42MTUzODQ2LDE5Ljc0NDg1NiBMMjEuNjE1Mzg0NiwyNi41NDMyMDk5IFogTTIwLDE1LjgwNDI5ODEgQzE5LjQ0NDQ0MjcsMTUuODA0Mjk4MSAxOC45NzIyMjQsMTUuNjE5MzY4NyAxOC41ODMzMzMzLDE1LjI0OTUwNDYgQzE4LjE5NDQ0MjcsMTQuODc5NjQwNiAxOCwxNC40MzA1MjU1IDE4LDEzLjkwMjE0OTEgQzE4LDEzLjM3Mzc3MjYgMTguMTk0NDQyNywxMi45MjQ2NTc1IDE4LjU4MzMzMzMsMTIuNTU0NzkzNSBDMTguOTcyMjI0LDEyLjE4NDkyOTUgMTkuNDQ0NDQyNywxMiAyMCwxMiBDMjAuNTU1NTU3MywxMiAyMS4wMjc3NzYsMTIuMTg0OTI5NSAyMS40MTY2NjY3LDEyLjU1NDc5MzUgQzIxLjgwNTU1NzMsMTIuOTI0NjU3NSAyMiwxMy4zNzM3NzI2IDIyLDEzLjkwMjE0OTEgQzIyLDE0LjQzMDUyNTUgMjEuODA1NTU3MywxNC44Nzk2NDA2IDIxLjQxNjY2NjcsMTUuMjQ5NTA0NiBDMjEuMDI3Nzc2LDE1LjYxOTM2ODcgMjAuNTU1NTU3MywxNS44MDQyOTgxIDIwLDE1LjgwNDI5ODEgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjRkZGRkZGIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMC4wMDAwMDAsIDIwLjAwMDAwMCkgc2NhbGUoMSwgLTEpIHRyYW5zbGF0ZSgtMjAuMDAwMDAwLCAtMjAuMDAwMDAwKSAiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==) no-repeat 0 50%
}
.c-message--close {
position: absolute;
right: 10px;
color: #999;
text-decoration: none;
cursor: pointer;
font-size: 30px;
top: 0;
line-height: 34px;
display: block;
height: 40px
}
.c-message--close:hover {
color: #666
}
@keyframes messageFadeInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
100% {
-webkit-transform: none;
transform: none
}
}
.c-message.messageFadeInDown {
-webkit-animation-duration: .6s;
animation-duration: .6s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: messageFadeInDown;
animation-name: messageFadeInDown
}
@keyframes messageFadeOutUp {
0% {
opacity: 1
}
100% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
}
.c-message.messageFadeOutUp {
-webkit-animation-duration: .6s;
animation-duration: .6s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: messageFadeOutUp;
animation-name: messageFadeOutUp
}
.c-table__body-hidden {
overflow: hidden
}
.c-table-back {
position: relative
}
.c-table-back--btn {
font-size: 30px;
position: absolute;
top: -4px;
right: 10px;
color: #666;
display: none;
cursor: pointer
}
.c-table-back--btn:hover {
color: #333
}
.selected .c-table-back--btn {
display: inline-block
}
.c-table {
position: relative;
overflow: hidden;
box-sizing: border-box;
width: 100%;
max-width: 100%;
background-color: #fff;
font-size: 14px;
color: #333
}
.c-table table {
width: 100%
}
.c-table table.c-table--noWp100 {
width: auto
}
.c-table td, .c-table th {
height: 40px;
min-width: 0;
box-sizing: border-box;
text-overflow: ellipsis;
vertical-align: middle;
position: relative;
font-size: 14px;
background-clip: padding-box;
background-color: #fff;
background-color: transparent \9
}
.c-table td.is-right, .c-table th.is-right {
text-align: right
}
.c-table td.is-left, .c-table th.is-left {
text-align: left
}
.c-table td.is-center, .c-table th.is-center {
text-align: center
}
.c-table td, .c-table th.is-leaf {
border-bottom: 1px solid #eceef1
}
.c-table td.gutter, .c-table th.gutter {
width: 15px;
border-right-width: 0;
border-bottom-width: 0;
padding: 0;
background: #eef0f6
}
.c-table td.is-hidden > *, .c-table th.is-hidden > * {
visibility: hidden
}
.c-table::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
z-index: 1
}
.c-table::after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 1px;
height: 100%;
z-index: 1
}
.c-table th {
white-space: nowrap;
overflow: hidden
}
.c-table th {
border-bottom: 1px solid #ccc;
text-align: left
}
.c-table th > div {
display: inline-block;
padding-left: 18px;
padding-right: 18px;
line-height: 40px;
box-sizing: border-box;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.c-table td > div {
box-sizing: border-box
}
.c-table th.required > div::before {
display: inline-block;
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: #ff4d51;
margin-right: 5px;
vertical-align: middle
}
.c-table th > .cell {
position: relative;
word-wrap: normal;
text-overflow: ellipsis;
display: inline-block;
line-height: 20px;
vertical-align: middle;
width: 100%;
box-sizing: border-box
}
.c-table th > .cell.highlight {
color: #073069
}
.c-table .caret-wrapper {
position: relative;
cursor: pointer;
display: inline-block;
vertical-align: middle;
margin-left: 5px;
margin-top: -2px;
width: 16px;
height: 34px;
overflow: visible;
overflow: initial
}
.c-table td.gutter {
width: 0
}
.c-table .cell {
box-sizing: border-box;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
word-break: break-all;
line-height: 24px;
padding-left: 12px;
padding-right: 12px;
display: inline-block
}
.c-table .cell.prSort {
padding-right: 28px
}
.c-table .cell.tr {
padding-right: 30px
}
.c-table.c-table__cell--block .cell {
display: block
}
.c-table .hidden-columns {
visibility: hidden;
position: absolute;
z-index: -1
}
.c-table tr:hover > td {
background-color: #eef0f6
}
.c-table tbody td a {
color: #999
}
.c-table tbody td a:hover {
color: #666
}
.c-table tbody td:last-child a {
color: #0092fe;
margin-right: 10px
}
.c-table tbody td:last-child a:hover {
color: #20a0ff
}
.c-table a.btn-primary, .c-table a.btn-success, .c-table a.btn-danger, .c-table tbody td:last-child a.btn-primary, .c-table tbody td:last-child a.btn-success, .c-table tbody td:last-child a.btn-danger {
color: #fff
}
.c-table a.btn-primary:hover, .c-table a.btn-success:hover, .c-table a.btn-danger:hover, .c-table tbody td:last-child a.btn-primary:hover, .c-table tbody td:last-child a.btn-success:hover, .c-table tbody td:last-child a.btn-danger:hover {
color: #f2f2f2
}
.c-table a.btn-default, .c-table tbody td:last-child a.btn-default {
color: #666
}
.c-table a.btn-default:hover, .c-table tbody td:last-child a.btn-default:hover {
color: #595959
}
.c-table a.c-theme, .c-table tbody td:last-child a.c-theme {
color: #20a0ff
}
.c-table a.c-theme:hover, .c-table tbody td:last-child a.c-theme:hover {
color: #20a0ff
}
.c-table a.c999, .c-table tbody td:last-child a.c999 {
color: #999
}
.c-table a.c999:hover, .c-table tbody td:last-child a.c999:hover {
color: #8c8c8c
}
.c-table--noWrap .cell, .c-table--noWrap-init .cell {
white-space: nowrap
}
.c-table__footer-wrapper {
overflow: hidden;
background-color: #fbfdff;
border-top: 1px solid #dfe6ec
}
.c-table__footer-wrapper thead div {
background-color: #eef1f6;
color: #1f2d3d
}
.c-table__footer-wrapper tbody td {
background-color: #fbfdff;
color: #1f2d3d
}
.c-table__empty-block {
position: relative;
min-height: 60px;
text-align: center;
width: 100%;
height: 100%
}
.c-table__empty-text {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #5e6d82
}
.c-table--fit {
border-right: 0;
border-bottom: 0
}
.c-table--fit td.gutter, .c-table--fit th.gutter {
border-right-width: 1px
}
.c-table--outerBorder {
border: 1px solid #eceef1
}
.c-table--border {
border: 1px solid #eceef1
}
.c-table--border td, .c-table--border th {
border-right: 1px solid #eceef1
}
.c-table--border th {
border-bottom: 1px solid #eceef1
}
.c-table--border .c-table__footer-wrapper td:nth-last-child(2), .c-table--border .c-table__footer-wrapper .gutter {
border-right: none
}
.c-table__fixed, .c-table__fixed-right {
position: absolute;
top: 0;
left: 0;
overflow-x: hidden;
bottom: 0;
overflow: hidden
}
.c-table__fixed::before, .c-table__fixed-right::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background-color: #eceef1;
z-index: 4
}
.c-table__fixed-right-patch {
position: absolute;
top: -1px;
right: 0;
background-color: #fff;
border-bottom: 1px solid #eceef1
}
.c-table__fixed-right {
top: 0;
left: auto;
right: 0
}
.c-table__fixed.c-table__fixed--shadow {
box-shadow: 1px 0 8px #d3d4d6
}
.c-table__fixed-right.c-table__fixed--shadow {
box-shadow: -1px 0 8px #d3d4d6
}
.c-table__fixed-right .c-table__fixed-body-wrapper, .c-table__fixed-right .c-table__fixed-header-wrapper {
left: auto;
right: 0
}
.c-table__fixed-header-wrapper {
position: absolute;
left: 0;
top: 0;
z-index: 3
}
.c-table__fixed-header-wrapper thead div {
color: #1f283d
}
.c-table__fixed-body-wrapper {
position: absolute;
left: 0;
top: 41px;
overflow: hidden;
z-index: 3
}
.c-table__body-wrapper, .c-table__header-wrapper {
width: 100%
}
.c-table__body, .c-table__header {
table-layout: fixed
}
.c-table__header-wrapper {
overflow: hidden
}
.c-table__header-wrapper thead div {
color: #1f283d
}
.c-table__body-wrapper {
overflow: auto;
position: relative
}
.c-table--striped .c-table__body tr:nth-child(2n) td {
background: #fafafa
}
.c-table--striped .c-table__body tr:nth-child(2n).current-row td, .c-table--striped .c-table__body tr:nth-child(2n):hover td {
background: #ebeef3
}
.c-table__body tr.hover-row > td, .c-table--striped .c-table__body tr.hover-row td {
background-color: #eef0f6
}
.c-table__body tr.current-row > td {
background: #ebeef3
}
.c-table__column-resize-proxy {
position: absolute;
left: 200px;
top: 0;
bottom: 0;
width: 0;
border-left: 1px solid #eceef1;
z-index: 10
}
.c-table__column-filter-trigger {
display: inline-block;
line-height: 34px;
margin-left: 5px;
cursor: pointer
}
.c-table__column-filter-trigger i {
color: #97a1be
}
.el-table--enable-row-transition .c-table__body td {
-webkit-transition: background-color .25s ease;
transition: background-color .25s ease
}
.c-table .c-table__child-border td {
border-bottom: none
}
.c-table__child td {
background-color: #fbfdff
}
.c-table--level .c-table__child .cell {
padding-left: 30px
}
.c-table__sort {
margin-left: 4px;
display: inline-flex;
display: inline \9;
flex-direction: column;
align-items: center;
height: 34px;
width: 14px;
vertical-align: middle;
cursor: pointer;
overflow: initial;
position: relative
}
.c-table__sort .c-table__up, .c-table__sort .c-table__down {
cursor: pointer;
position: absolute;
width: 0;
height: 0;
border: 5px solid transparent
}
.c-table__sort .c-table__up {
bottom: 7px;
border-top-color: #999
}
.c-table__sort .c-table__up:hover {
border-top-color: #20a0ff
}
.c-table__sort .c-table__down {
top: 5px;
border-bottom-color: #999
}
.c-table__sort .c-table__down:hover {
border-bottom-color: #20a0ff
}
.c-table__sort.activeUp .c-table__up {
border-top-color: #20a0ff
}
.c-table__sort.activeDown .c-table__down {
border-bottom-color: #20a0ff
}
.g-toggleTable--button_main, .g-toggleTable--buttonAll_main, .g-toggleTable--button, .g-toggleTable--buttonAll {
cursor: pointer
}
.c-table__child-default {
color: #707070
}
.c-table__child-default th, .c-table__child-default td {
font-size: 13px
}
.c-button {
width: 100px;
display: inline-block
}
上一篇： Spring Boot如何通过java -jar启动
下一篇： 详解各种PHP函数漏洞
推荐阅读
-
js与jQuery实现获取table中的数据并拼成json字符串操作示例
-
jQuery获取Table某列的值（推荐）
-
JQuery实现双击改变table中的值（代码实现教程）
-
JS 组件系列之Bootstrap Table的冻结列功能彻底解决高度问题
-
JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案
-
JQuery实现table行折叠效果以JSON做数据源
-
Element-UI Table组件上添加列拖拽效果实现方法
-
Jquery 实现table样式的设定
-
jQuery实现html table行Tr的复制、删除、计算功能
-
jQuery实现table表格信息的展开和缩小功能示例