Dynamic Grid - How to center selected columns

[Wynn]

I am populating a grid with dynamic data. I would like to center all but the left column horizontally. The left column should be left-aligned. I've looked at some examples and have not been able to get it to work. My code follows the pattern below. Where/how can I center align all columns that are not the one with the name "LeftMostColumn?" I've mocked up a couple of places where I think this might happen. Please advise. Thanks!

 

@(Html.Kendo().Grid<dynamic>()
    .Name("Grid")
    .Columns(columns =>
    {
        foreach (System.Data.DataColumn column in Model.MyDataData.Columns)
        {
            var c = columns.Bound(column.ColumnName);
            if (column.ColumnName != "LeftMostColumn")
            {
                // center the contents of the column
            }
        }
    })
    .DataSource(dataSource => dataSource
        .Ajax()
        .Model(model =>
        {
            foreach (System.Data.DataColumn column in Model.MyDataData.Columns)
            {
                  var field = model.Field(column.ColumnName, column.DataType);
                  if (column.ColumnName != "LeftMostColumn")
                  {
                    // center the contents of the field?
                  }
            }
        }).Read(read => read.Url(Url.Page("./MyData", new { handler = "GetData_Read" })).Data("forgeryToken"))
    )
)

[George Gindev]

Hello Wynn,

I believe a good solution is to add CSS styles for the grid, like so:

.k-grid td:not(:first-of-type),
.k-grid th:not(:first-of-type) {
    text-align: center;
}

The above CSS centers the content of all table cells which are not the first child (leftmost) of the table rows.

I hope this helps, if you need any further assistance, do not hesitate to write back. 

Regards,
George Gindev
Progress Telerik

[Wynn]

Well that was a much simpler solution than I was thinking of. Worked like a charm!

[George Gindev]

Hello Wynn,

I am glad I could help.

Regards,
George Gindev
Progress Telerik