如何使用EasyUI + JQ冻结datagrid中的头表?

时间:2019-07-03 11:32:42

标签: javascript jquery

在订单清单中,此表形成:

<div class="datagrid-header">
	<div class="datagrid-header-inner" style="display: block;">
		<table class="datagrid-htable" border="0" cellspacing="0" cellpadding="0" style="height: 65px;">
			<tbody>
				<tr class="datagrid-header-row">
					<td field="calculation_id" class="">

此表类似于下面的表。因此奇怪地从jquery.easyui.js创建了网格表。我需要冻结此头表。不能按照手册中的说明使用freezeColumns-因为手册freezeColumns适用于表的常规类型:

<thead>
        <tr>
            <th data-options="field:'code'">Code</th>
            <th data-options="field:'name'">Name</th>

但是我该怎么办?

1 个答案:

答案 0 :(得分:0)

我已经使用JQ解决了这个问题:

$(window).scroll(function() {
		if ($(window).scrollTop() >= 165) {
			$('.datagrid-header').addClass('fixed');
		} else {
			$('.datagrid-header').removeClass('fixed');
		}
	});
.fixed {
    position: fixed; top: 0;
}