KendoUI Column style input grid
I have a kendoui grid that is created with this:
<div id="clientsDb">
@(Html.Kendo().Grid<example.OpenAccess.OBClientSetup>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(obcs => obcs.ProfileName).Width(140);
columns.Bound(obcs => obcs.Default).Width(190);
columns.Bound(obcs => obcs.EEFinalize).Width(100);
columns.Bound(obcs => obcs.Completed).Width(110);
columns.Command(command => { command.Edit(); command.Destroy(); });
})
.Groupable()
.Pageable()
.Sortable()
.Editable(editable => editable.Mode(GridEditMode.InLine))
.DataSource(dataSource => dataSource
.Ajax()
.Read(read => read.Action("OB2_ClientProfiles", "OB"))
.Update(update => update.Action("EditingInline_Update", "OB"))
.Destroy(update => update.Action("EditingInline_Destroy", "OB"))
.Model(model => model.Id(obcs => obcs.SetupID))
)
)
</div>
With this, I can't figure out how to style the inputs columns.Bound(obcs => obcs.Default).Width(190);
in the column. Its a dropdown select menu, but I didn't figure out how to style form-control
from bootstrap. or even your own style from a template in the grid code.
source to share