jQuery LigerUi 表格操作列固定右侧解决

老项目,jq+ligerUi grid写的后台项目,现在需要借鉴Element-ui 等新框架,将表格的操作列固定在右侧。

ligri ui 文档: http://www.ligerui.com/api/index.htm
http://www.ligerui.com/demo.html
文档说的不清不楚。

实际操作:

	var grid = $('#grid').ligerGrid({
				columns: columns,
				root: 'rows',
				record: 'total',
				checkbox: false,
			});
var columns = [
				{ display: 'ID', isSort: true, sortName: 'a.content_id', name: 'contentId', width: '4%', render: self.renderContentId },
				{ display: '标题', isSort: false, name: 'title', width: '20%', render: self.renderTitle },
				{ display: '固顶', isSort: true, sortName: 'a.top_level', name: 'topLevel', width: '6%', render: self.topLevelRender },
				{ display: '操作', isSort: false,frozen:true, width: '20%',name: '', render: self.operationWatch }
			];

第一步将操作列frozen:true 属性 ,这个时候操作列固定是在表格最左侧的。

第二部:
修改默认的表格样式:

.datagrid-view1 {
    left: auto;
    right: 0;
}
.datagrid-view2 {
    left: 0;
    right: auto;
}

具体的样式名查看代码。

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值