[Solved] Headers mis-aligned

[paulo larini]

Hi, I'm trying to fix the width of the first column of my grid to 80px. So, I'm using the "Scrollable" option:

   @(Html.Telerik().Grid(Model)
        .Name("Grid")
        .DataKeys(keys => keys.Add(c => c.Handle))
        .DataBinding(dataBinding => dataBinding
            .Ajax()
            .Select("AjaxPesquisar", "Especialidade")
            .Update("AjaxAtualizar", "Especialidade")
            .Delete("AjaxDelete", "Especialidade"))
        .HtmlAttributes(new { @class = "grid-padrao" })
        .ClientEvents(events => events
            .OnDataBound("atualizarCss")
        )
        .Columns(columns =>
        {
            columns.Template(@<span>@Html.EditActions(item.Handle.ToString())</span>)
            .ClientTemplate("<span>" + Html.EditActions("<#=Handle#>").ToHtmlString() + "</span>")
            .Width(76).Title("Comandos");

            columns.Bound("Descricao").Title("Descrição").Width(500);
            columns.Bound("Handle").Title("Código");

        })
        .Pageable()
        .Sortable()
        .Scrollable()

        )

The problem is that the headers are not aligned with the body. Please see image attached.

Thanks.

[paulo larini]

Sorry, the problem was a CSS class applied to this grid.

Thanks.