Les tables de données - sélectionner la ligne sélectionnée

Comment faire pour mettre en surbrillance la ligne sélectionnée dans les tables de données. J'ai mis à jour le code html avec jquery datatables dans jsfiddle. Merci de m'aider à écrire le css pour mettre en surbrillance la ligne sélectionnée dans une couleur différente.

var oTable = $("#products1").dataTable({
"aaData": newarray,
"bProcessing": true,
"bDeferRender": true,
"bFilter": false,
"bJQueryUI": true,
"bRetrieve": true,
"bPaginate": false,
"bSort": true,
"aaSorting": [[4, "desc"]],
"iDisplayLength": 25,
"aoColumns": [{"sWidth": "100%","sClass": "center","bSortable": false},
{
"sWidth": "150%","sClass": "center","bSortable": false},
{
"sWidth": "150%","sClass": "center","bSortable": false},
{
"sWidth": "150%","sClass": "center","bSortable": false}
],
"aoColumnDefs": [{ "fnRender": function (o, val) {
return o.aData[0];
},
"sClass": "col1","aTargets": [0]
}, {
"fnRender": function (o, val) {
return o.aData[1];
},
"sClass": "col2","aTargets": [1]
}, {
"fnRender": function (o, val) {
return o.aData[2];
},
"sClass": "Number","aTargets": [2]
},{
"fnRender": function (o, val) {
return o.aData[3];
},
"sClass": "Name","aTargets": [3]
}]
});

ici trouver jsfiddle

  • le tableau est vide , comment peut-on sélectionner des lignes?
  • ici, vous allez jsfiddle.net/rwPFx/5
  • Comment cette question est marqué comme hors-sujet? La question est assez évidente.
InformationsquelleAutor user2444474 | 2013-07-01
  1. 7

    Vérifier la démo ici

    Ajouter après l'appel de table.

        $("#products tbody tr").on('click',function(event) {
$("#products tbody tr").removeClass('row_selected');        
$(this).addClass('row_selected');
});
    InformationsquelleAutor yeyene