Custom tooltip:
var mouseoverrender = function (row, datafield, value) { var str = value; var res = str.split(";");if (res[1].length == "1") { return '<div title="VL1">' + res[0] + '</div>';}else{ return '<div title="VL2">' + res[0] + '</div>';} } var dataAdapter = new $.jqx.dataAdapter(source); // Create jqxGrid $("#jqxgrid").jqxGrid( { width: 400, source: dataAdapter, theme: theme, scrollmode: 'asc', columnsresize: false, selectionmode: 'singlerow', autoheight: true, enabletooltips: true, pageable: true, sortable: true, columns: [ { text: 'CustomerID', datafield: 'CustomerID', width: '100%', cellsrenderer: mouseoverrender, height:10 }, ] });
Make sure the input is ValueInTextbox;ValueInToolTip