cellFormatter Field

This function is called each time wijgrid needs to create cell content. This occurs when rows are being rendered or cell editing is about to finish. You can use it to customize cell content.

Syntax

Javascript (Usage)
var value; // Type: Function value = jQuery.wijmo.c1field.options.cellFormatter;

Javascript (Specification)
var cellFormatter : Function;

Example

Javascript

// Add an image which URL is obtained from the "Url" data field to the column cells.
$("#demo").wijgrid({
    data: [
        { ID: 0, Url: "/images/0.jpg" },
        { ID: 1, Url: "/images/1.jpg" }
    ],
    columns: [
        {},
        {
            cellFormatter: function (args) {
                if (args.row.type & wijmo.grid.rowType.data) {
                    args.$container
                        .empty()
                        .append($("<img />")
                            .attr("src", args.row.data.Url));
                    return true;
                }
            }
        }
    ]
});

Remarks

Important: cellFormatter should not alter content of header and filter row cells container.

Browser Compatibility

See Also

Reference