How to display horizontal grid lines in Kendo UI grid?
The following works...any elegant way to do it?
var kendoGrid = $(grid).data("kendoGrid");
var dataSource = kendoGrid.dataSource.data();
$(grid).find('table[role="grid"]').each(function() {
$(this).css("border-collapse", "collapse");
});
$.each(dataSource, function(i, row) {
$('tr[data-uid="' + row.uid + '"]').css("border-bottom", "1pt solid black");
});
Thanks, Alon
The following works...any elegant way to do it?
var kendoGrid = $(grid).data("kendoGrid");
var dataSource = kendoGrid.dataSource.data();
$(grid).find('table[role="grid"]').each(function() {
$(this).css("border-collapse", "collapse");
});
$.each(dataSource, function(i, row) {
$('tr[data-uid="' + row.uid + '"]').css("border-bottom", "1pt solid black");
});
Thanks, Alon