首页 > 代码库 > EasyUI datagrid border处理，加边框，去边框，都可以

EasyUI datagrid border处理，加边框，去边框，都可以

2024-07-26 06:05:44   212人阅读

下面是EasyUI 官网上处理datagrid border的demo：

主要是这句：

$('#dg').datagrid('getPanel').removeClass('lines-both lines-no lines-right lines-bottom').addClass(cls);

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Row Border in DataGrid - jQuery EasyUI Demo</title>
    <link rel="stylesheet" type="text/css" href=http://www.mamicode.com/themes/default/easyui.css">>
当然还可以直接在datagrid定义时采用下面的方式（styler部分）：
grid = $('#grid').datagrid({
			title : '',
			url : '',
			striped : true,
			rownumbers : true,
			pagination : false,
			singleSelect : true,
			idField : 'id',
			sortOrder : 'desc',
			columns : [ [ {
				width : '100',
				title : '地址',
				field : 'address',
				sortable : true,
				styler : function(value, row, index) {
					return 'border:0;';
				}
			}]]
		});



EasyUI datagrid border处理，加边框，去边框，都可以


联系
我们