屏蔽UI网格隐藏列破坏单元格对齐
Shield UI Grid Hidden Columns ruins Cell alignments
我有一个带隐藏列的屏蔽ui网格。一旦我修改了数据源,即执行筛选或排序,我的列大小就会变得一团糟。
我的问题可以在演示网站上看到,以及
只需对网格进行排序,没有问题,然后隐藏一列并再次排序,你就会看到问题
https://demos.shieldui.com/aspnet/grid-columns/columns-show-hide
jQuery(function($) {
$("#grid").shieldGrid({
dataSource: {
data: gridJson
},
sorting: {
multiple: true
},
paging: {
pageSize: 5,
pageLinksCount: 4
},
selection: {
type: "row",
multiple: false,
toggle: true
},
columns: [
{ field: "ServiceMarketingId", title: "ServiceMarketingId", width:"20%" },
{ field: "Code", title: "Code" , width:"20%"},
{ field: "Name", title: "Name", width:"20%" },
{ field: "MarketingName", title: "MarketingName", width:"20%" },
{ field: "Description", title: "Description" , width:"20%"}
],
resizing: true
});
var dataSource = $("#grid").swidget().dataSource,
timeout;
$("#searchInput").on("keyup", function() {
var val = $(this).val();
console.log(val);
clearTimeout(timeout);
timeout = setTimeout(function() {
dataSource.filter = dataSource.filter = {
or: [
{ path: "Code", filter: "contains", value: val },
{ path: "Name", filter: "contains", value: val }
]
}
dataSource.read();
}, 300);
});
$("#grid").swidget().hideColumn("ServiceMarketingId");
});
Shield UI开发人员正在修复这个错误,很快就会有修复程序。
相关文章:
- Google Apps 脚本,用于根据一个单元格的值对另一个单元格进行条件颜色格式设置
- 日历仅对具有日期的单元格进行操作
- 如何创建一个每行列数未知的html表,对齐列,并为每个单元格/行指定一个id
- 如何使用 jquery sortable 对表的所有行中的表单元格进行排序
- 我可以对 HTML 表格的单元格使用 onchange 属性吗?
- 按英国日期对 jQuery 数据表进行排序,忽略空单元格
- 在单元格中显示另一个值时,按一个值对jqGrid进行排序
- jqxTreeGrid如果我单击一行中的特定单元格,则禁用对该行的选择/取消选择
- 如何对具有空单元格的日期列进行排序
- 通过单击另一个表中的单元格对表进行排序
- 在Angular JS中使用移动视图时,表单元格中不会出现文本对齐
- 屏蔽UI网格隐藏列破坏单元格对齐
- jQuery Sortable插件对表格单元格收缩,同时拖动
- 对表单元格的Ng-change更新所有单元格
- Datatable对每行特定单元格求和
- ag网格对单元格值的排序发生了变化
- 单元格中日期和日期的单独对齐样式
- 只对具有更多相等单元格的行计数一次
- dataTable可编辑单元格对双击事件没有响应
- 手控表 - 文本在数字单元格上对齐