@(Html.Kendo().Grid

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.

+3


source to share


1 answer


columns.Bound(obcs => obcs.Default) .Width(190) .HtmlAttributes(new {@class = "form-control "});

You can add any attributes using the HtmlAttributes function



0


source







All Articles