初始化设置Grid的样式

//最后一列数据让表格填充满
   grid1.ExtendLastCol= true;
   //显示固定行数
   grid1.DisplayRowNumber =true;
   //设置列数
   grid1.Cols =7;
   //设置行数
   grid1.Rows=100;
   //返回或设置控件在当前活动单元格是否显示一个虚框。
   grid1.DisplayFocusRect = false;
   //设置固定行和列的样式
   grid1.FixedRowColStyle = FlexCell.Grid.FixedRowColStyleEnum.Flat;
   //设置表格的确省字体
   grid1.DefaultFont = new Font("Tahoma",9);
   //设置控件的边框样式
   grid1.BorderStyle = FlexCell.Grid.BorderStyleEnum.FixedSingle;
   //返回或设置表格中固定行/列的背景色。
   grid1.BackColorFixed = Color.FromArgb(90, 158, 214);
   //返回或设置表格中选定单元格(Selection)在固定行/列上对应单元格的背景色,
   //将BackColorFixed属性和BackColorFixedSel属性设置为不同的值,可以清晰地反映出Selection的位置。
   grid1.BackColorFixedSel = Color.FromArgb(110, 180, 230);
   //返回或设置表格中空白区域的背景色。
   grid1.BackColorBkg = Color.FromArgb(90, 158, 214);
   //返回或设置表格中奇数行的背景色
   grid1.BackColor1 = Color.FromArgb(231, 235, 247);
   //返回或设置表格中偶数行的背景色
   grid1.BackColor2 = Color.FromArgb(239, 243, 255);
   //返回或设置网格线的颜色
   grid1.GridColor = Color.Black;
   //返回或设置单元格边框的颜色。
   grid1.CellBorderColorFixed = Color.FromArgb(148, 190, 231);
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以通过以下步骤设置 jqGrid 表格样式: 1. 引入 jqGrid 插件和样式文件。 ``` <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqgrid/5.4.0/css/ui.jqgrid.min.css" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/jqgrid/5.4.0/js/jquery.jqgrid.min.js"></script> ``` 2. 在 HTML 页面中添加一个 div 元素作为表格容器。 ``` <div id="grid"></div> ``` 3. 使用 JavaScript 代码初始化 jqGrid 表格并设置样式。 ``` $(function(){ $("#grid").jqGrid({ url: "data.json", datatype: "json", colModel: [ { name: "id", label: "ID", width: 50 }, { name: "name", label: "Name", width: 150 }, { name: "age", label: "Age", width: 50 }, { name: "address", label: "Address", width: 200 } ], rowNum: 10, rowList: [10, 20, 30], pager: "#pager", sortname: "id", viewrecords: true, sortorder: "asc", caption: "Sample Grid" }); $("#grid").jqGrid("navGrid", "#pager", { edit: false, add: false, del: false }); }); ``` 4. 在 CSS 文件中添加样式。 ``` .ui-jqgrid { font-size: 14px; } .ui-jqgrid tr.jqgrow td { padding: 5px; } .ui-jqgrid .ui-jqgrid-hdiv { background-color: #f2f2f2; } .ui-jqgrid .ui-jqgrid-btable { border-collapse: separate; border-spacing: 0px; } .ui-jqgrid .ui-jqgrid-pager { background-color: #f2f2f2; border-top: none; } .ui-jqgrid .ui-jqgrid-pager .ui-pg-table { margin: 0; } .ui-jqgrid .ui-jqgrid-pager .ui-pg-table .ui-pg-button { border: none; margin: 0 5px; } .ui-jqgrid .ui-jqgrid-pager .ui-pg-table .ui-pg-button:hover { background-color: #e6e6e6; } ``` 注意:样式文件中的样式可以根据需要进行修改,以上只是一个示例。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值