L'ajout de code html personnalisé à en-Tête dans WebGrid

J'essaye d'ajouter un en-tête personnalisé pour un MVC3 WebGrid.

L'en-tête de la propriété, il permet seulement de chaîne, et tout le HTML est échappé.

Ma grille de rasoir:

var grid = new WebGrid(Model, canPage: true, rowsPerPage: 5);
            grid.Pager(WebGridPagerModes.NextPrevious);

            @grid.GetHtml(tableStyle: "data_table-sorter",
                alternatingRowStyle: "odd",
                columns: grid.Columns(
                grid.Column(header:"Select<span class=\"fi fi_gear\"></span>\"" , style: "table-select-col has-menu", canSort: false, format: @<input type="checkbox" value="@item.Id" />),
                grid.Column("Name", "Briefing Book Name", canSort: true, style: "dj_sortable-table-column"),
                grid.Column("Format", "Format", canSort: true, style: "dj_sortable-table-column") 
));

Comment puis-je faire cela?

OriginalL'auteur harry mohammed | 2011-06-07

  1. 1

    Si vous voulez le style individuel en-têtes dans la version actuelle de la WebGrid, vous devrez utiliser le code côté client pour le faire.

    OriginalL'auteur Mike Brind

  2. 0

    pour tout élément d'en-tête....................

    $("#gridContent").find('table thead tr')

    et ensuite appliquer un style tout ce tu veux voir

    .addClass()
    .append()

    pour chaque en-tête de.....................

    en fait c'est l'application de style de rowcell à la headercell

    var headerCells = $("#gridContent table tr th");

    var firstRowCells = $("#gridContent table tr td");

$.each(firstRowCells, function (index, value) {
    $(headerCells[index]).addClass($(firstRowCells[index]).attr("class"));
});

    voir aussi
    MVC3 WebGrid mise en forme ou de Style en-Têtes de Colonne

    Comment ajouter du code Html à l'intérieur ASP.NET MVC 3 WebGrid Nom de la Colonne (en-Tête)

    MVC3 WebGrid mise en forme ou de Style en-Têtes de Colonne

    OriginalL'auteur Prasad Phule