如何添加一个CSS类到jsGrid的最后一行
问题描述:
我想添加一些样式到我的网格的最后一行。我不知道行号是什么,因为可能有任何数量的行。我怎么去解决这个问题?我见过rowClass和rowRenderer,但没有一个工作的例子。下面是我的代码有:如何添加一个CSS类到jsGrid的最后一行
var displayData = function (itemViewModelList) {
var fields = [
{
name: 'ConsultantName', type: 'text', width: 100, title: 'Consultant Name'
},
{
name: 'BranchName', type: 'text', width: 100, title: 'Branch Name', css: "red"
},
{ name: 'NumberOfInvestments', type: 'text', title: 'Number Of Investments' },
{
name: 'ValueOfInvestments', type: 'money', width: 150, title: 'Value Of Investments',
itemTemplate: function (value) {
return tisCommon.formatForMoney(value);
}
},
{
name: 'AverageValueOfInvestments', type: 'money', width: 150, title: 'Average Value Of Investments',
itemTemplate: function (value) {
return tisCommon.formatForMoney(value);
}
},
{
name: 'Month', type: 'text', width: 100, title: 'Month',
itemTemplate: function (value) {
return moment(value, 'M').format('MMMM');;
}
},
];
var options = {
inserting: false,
editing: false,
pageSize: 20,
fields: fields,
rowHeaders: false,
colHeaders: false,
data: itemViewModelList,
controller: controller = {
loadData: function() {
},
},
};
$('#investment-grid').tisGrid('', options);
if (itemViewModelList[0].ConsultantName != null) {
$("#investment-grid").jsGrid("fieldOption", "BranchName", "visible", false);
} else {
$("#investment-grid").jsGrid("fieldOption", "ConsultantName", "visible", false);
}
};
传递我的数据“itemViewModelList”为对象的数组
答
我用rowClass如下解决了这个:
controller: controller =
{
loadData: function() {},
},
rowClass: function (item, itemIndex) //item is the data in a row, index is the row number.
{
if ((item.ConsultantName == "Totals") || (item.BranchName == "Totals"))
{
return "totalItem highlight";
}
}
我有我的,如果声明,我根据自己的情况找到最后一行中的项目。遇到它们时,我将自定义CSS类添加到该行。
在GitHub上签出以下问题:https://github.com/tabalinas/jsgrid/issues/903 – tabalin