添加表格單元格選擇的可選類

我有一個html表格。添加表格單元格選擇的可選類

<table id="tbl_1"> 
    <tr> 
     <td>ABCD</td> 
     <td>ABCD</td> 
    </tr> 
    <tr> 
     <td>ABCD</td> 
     <td>ABCD</td> 
    </tr> 
</table>

我可以添加selectable類像

$(document).ready(function() { 
    jQuery('#tbl_1').selectable({ 
     filter: "td" 
    }); 
});

我想selectable類添加到表時，我選擇表的多個單元格。我不知道我能做到這一點。任何幫助，將不勝感激。謝謝。

來源

2015-06-12 mahesh

你的意思是，我們如何選擇用'Ctrl + click'或'SHIFT + click' –

@GuruprasadRao選擇功能就像我們如何使用鼠標選擇任何文本一樣。 – mahesh

您可以使用下面的代碼將可選類添加到表中。

$(document).ready(function() {  
    jQuery('#tbl_1').addClass('selectable');   
}); 
//it add class when page load

來源

2015-06-12 06:25:35 stanze

我知道，但我想添加表格單元格選擇類。 – mahesh

$("#tbl_1").selectable({ 
    filter: "td", 
    selecting: function (event, ui) { 
     $(ui.selecting).addClass('classA'); 
    }, 
    unselecting: function (event, ui) { 
     $(ui.unselecting).removeClass('classA'); 
    }, 
    selected: function (event, ui) { 
     $(ui.selected).addClass('classB'); 
    }, 
    unselected: function (event, ui) { 
     $(ui.unselected).removeClass('classB'); 
    } 
});

以下是你可以使用任何一個適合您的組合

FIDDLE DEMO

來源

2015-06-12 06:26:00

添加表格單元格選擇的可選類

回答

相關問題