Grid cell padding

[WeibingParticipant]

I’m using the cellsrenderer function to change the background color of the row. Works great. However, is there any way to reduce the cell padding so the background color encompasses the entire cell, not just around the text?

Thanks

B

var cellsrenderer = function(row, column, value, defaultHtml, columnSettings, record) {
var credit = record.credit
if(credit == 0){
var element = $(defaultHtml);
element.css({ ‘background-color’: ‘#f8d5d5’});
return element[0].outerHTML;
}
return defaultHtml;

}

[ivailoParticipant]

Hi Weibing,

Better use cellclassname. It sets a custom CSS class for the column’s cells.

Best Regards,
Ivailo Ivanov

jQWidgets Team
http://www.jqwidgets.com

[WeibingParticipant]

Great Thanks.

var cellclass = function (row, columnfield, value, record) {
var credit = record.credit;
if(credit == 0){
return ‘red’;
}

}

<style>
.red:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected), .jqx-widget .red:not(.jqx-grid-cell-hover):not(.jqx-grid-cell-selected) {
color: black;
background-color: #f8d5d5;
}
</style>

[Author]

Posts