📌  相关文章
📜  jQWidgets jqxGrid altrows 属性(1)

📅  最后修改于: 2023-12-03 14:43:23.507000             🧑  作者: Mango

jQWidgets jqxGrid altrows 属性

简介

jQWidgets jqxGrid 是一个基于jQuery和AngularJS的高度可定制的数据网格控件。它具有强大的数据透视功能和支持无限滚动，分页，排序等功能。

其中，altrows 属性是 jqxGrid 控件的一个属性，它可以用来控制网格行的交替背景色。当 altrows 属性为 true 时，jqxGrid 会将每隔一行的背景色设置为指定的交替颜色。

语法
$('#Grid').jqxGrid({
    altrows: true,
    altstart: 1,
    altstep: 1,
    altcolor: '#EEEEEE'
});
  • altrows：可选，布尔值，默认值为false，表示是否开启交替行背景色。
  • altstart：可选，整数，默认值为0，表示从哪一行开始交替设置背景色。如果 altrows 为 false，则此属性无效。
  • altstep：可选，整数，默认值为1，表示每隔多少行设置一次交替背景色。如果 altrows 为 false，则此属性无效。
  • altcolor：可选，字符串，默认为'#FFFFFF'，表示交替颜色的十六进制值。如果 altrows 为 false，则此属性无效。
示例
$('#Grid').jqxGrid({
    width: 850,
    source: dataAdapter,
    columnsresize: true,
    sortable: true,
    pageable: true,
    autoheight: true,
    altrows: true,
    altstart: 1,
    altstep: 1,
    altcolor: '#EEEEEE',
    columns: [
        { text: 'First Name', datafield: 'First Name', width: 150 },
        { text: 'Last Name', datafield: 'Last Name', width: 150 },
        { text: 'Product', datafield: 'Product', width: 180 },
        { text: 'Quantity', datafield: 'Quantity', width: 80, cellsalign: 'right' },
        { text: 'Price', datafield: 'Price', width: 90, cellsalign: 'right', cellsformat: 'c2' },
        { text: 'Total', datafield: 'Total', width: 100, cellsalign: 'right', cellsformat: 'c2' }
    ]
});
效果图

jqxGrid altrows 效果图

参考资料