Hi Phu,
Thank you for contacting Syncfusion support.
Do you wants to customize the buttons then we can do in the button options like as follows,
Code example:
<Grid>
$("#Grid").ejGrid({
. . .
columns: [
. . .
{
headerText: "Employee Details",
commands: [
{
type: "details",
buttonOptions: {
contentType:"imageonly",
width: "100",
click: "onClick",
prefixIcon: "e-uiLight e-handup"
}
}
],
isUnbound: true,
textAlign: ej.TextAlign.Left,
width: 150
}
]
}); |
If you wants to render the other controls to the column then we suggest you to use column template feature in Grid. Please refer to the Help document, sample and code example.
Code example:
<Grid>
$("#Grid").ejGrid({
allowPaging: true,
pageSettings: { pageSize: 4 },
templateRefresh: "templateRefresh",
columns: [
{ headerText: "Employee Image", template:"<input type='text' id='{{:EmployeeID}}' class='DateTime' />", textAlign: "center", width: 110 },
. . . .
]
});
});
function templateRefresh(args) {
var DateTemplate = $(args.cell).find(".DateTime"); // get the input cell
$(DateTemplate).ejDateTimePicker(); // Render the DataTimePicker control
}</script> |
In above code example, we have bound the date time picker control in Grid using create event.
Help documents:
If it is doesn’t meet your requirement then could you please share the more details for you requirement?
Regards,
Venkatesh Ayothiraman.