Le Format de la colonne avec des cases à cocher dans le bootstrap-table

- Je utiliser bootstrap-table, qui a données-formateur fonction pour formater les cellules. J'ai un colonne de cases à cocher dans le tableau. Est-il un moyen simple de format de colonne avec des cases à cocher?

jsfiddle

HTML

<table class="table table-striped table-bordered table-hover"  cellspacing="0" id="mainTable" data-click-to-select="true" data-show-toggle="true" data-show-columns="true" data-search="true" data-pagination="true">
<thead>
<tr>
    <th data-field="state" data-checkbox="true" data-formatter="starsFormatter"></th>
    <th data-field="name" data-halign="center" data-align="left" data-sortable="true">Name</th>
    <th data-field="stargazers_count" data-formatter="starsFormatter" data-halign="center" data-align="left" data-sortable="true">Stars</th>
    <th data-field="forks_count" data-formatter="forksFormatter" data-halign="center" data-align="left" data-sortable="true">Forks</th>
    <th data-field="description" data-halign="center" data-align="left" data-sortable="true">Description</th>
</tr>
</thead>

JavaScript

var data = [{name: 'ala', stargazers_count: 234, forks_count: 234, description: "asdasdas"},
           {name: 'ala', stargazers_count: 234, forks_count: 234, description: "asdasdas"},
           {name: 'ala', stargazers_count: 234, forks_count: 234, description: "asdasdas"}]

$('table').bootstrapTable({
    data: data
});

function starsFormatter(row, value, inde) {
    return row + '<i class="glyphicon glyphicon-star"></i> ';
}

function forksFormatter(value) {
    return '<i class="glyphicon glyphicon-cutlery"></i> ' + value;
}
Comment êtes-vous essayer de le formater? Qu'avez-vous essayé?
avec les données de formatage, d'attributs et de starsFormatter fonction. Puis j'ai essayé de table au format html de la structure, mais $('table').bootstrapTable la réécriture de la structure en raison de données-case attribut.
Je pense que @vanburenx demandait quelle sorte de mise en forme que vous essayez d'appliquer. Change la couleur de fond? Ajouter une icône à côté de case à cocher? Ajouter un peu d'aide de texte à côté de la case à cocher? La réponse dépendra en grande partie sur ce genre de mise en forme que vous voulez faire.
ajout de l'icône à côté de la case

OriginalL'auteur Matt | 2015-08-27

  1. 2

    Ressemble à cette affection n'est pas traitée dans le bootstrap-table bibliothèque.

    Question : calculateObjectValue fonction retourne le résultat escompté, mais ajouter de la logique est raté pour les deux case à cocher et un bouton radio (c'est pourquoi vous ne voyez pas l'icône en forme d'étoile dans le champ de case à cocher).

    Dans Le Code

    value = calculateObjectValue(column,
                that.header.formatters[j], [value, item, i], value);

    arriver à la valeur attendue. code suivant n'est pas en ajoutant de la valeur.

    text = [that.options.cardView ?
                     '<div class="card-view">' : '<td class="bs-checkbox">',
                     '<input' +
                     sprintf(' data-index="%s"', i) +
                     sprintf(' name="%s"', that.options.selectItemName) +
                     sprintf(' type="%s"', type) +
                     sprintf(' value="%s"', item[that.options.idField]) +
                     sprintf(' checked="%s"', value === true ||
                         (value && value.checked) ? 'checked' : undefined) +
                     sprintf(' disabled="%s"', !column.checkboxEnabled ||
                         (value && value.disabled) ? 'disabled' : undefined) +
                     ' />',
                     that.options.cardView ? '</div>' : '</td>'
                 ].join('');

    remplacé avec le code ci-dessous avec une condition de vérifier si la colonne a de formatage, puis il va ajouter de la valeur.

    text = [that.options.cardView ?
                        '<div class="card-view">' : '<td class="bs-checkbox">',
                        '<input' +
                        sprintf(' data-index="%s"', i) +
                        sprintf(' name="%s"', that.options.selectItemName) +
                        sprintf(' type="%s"', type) +
                        sprintf(' value="%s"', item[that.options.idField]),
                        column.formatter === undefined ?
                        sprintf(' checked="%s"', value === true ||
                           (value && value.checked) ? 'checked' : undefined) +
                        sprintf(' disabled="%s"', !column.checkboxEnabled ||
                            (value && value.disabled) ? 'disabled' : undefined) +
                        ' />': ' />' + value,
                        that.options.cardView ? '</div>' : '</td>'
                    ].join('');

    donc créé pull-request, voyons ce que l'auteur dit.

    Merci, fonctionne comme un charme 🙂
    L'auteur a accepté la pull-request et fusionnées dans le master

    OriginalL'auteur Pavan Kumar Jorrigala