2014-09-23 68 views
0

查看this文章,我創建了一個類(t1),以便將表正確放置在移動設備上。就像這樣:在html表格中添加兩個類

/* 
Label the data 
*/ 
.t1 td:nth-of-type(1):before { content: "Name"; } 
.t1 td:nth-of-type(2):before { content: "Category A"; } 
.t1 td:nth-of-type(3):before { content: "Category B"; } 
.t1 td:nth-of-type(4):before { content: "Category C"; } 

.t2 td:nth-of-type(1):before { content: "Name"; } 
.t2 td:nth-of-type(2):before { content: "Category X"; } 
.t2 td:nth-of-type(3):before { content: "Category Y"; } 
.t2 td:nth-of-type(4):before { content: "Category Z"; } 

我也是從this網站增加了一個表分揀機分揀機也工作正常。分揀機已經有一個類(的tablesorter)

當我使用下面的表格正確定位,因爲T1類的移動

<table id="table1" class="t1" width="100%" border="1" > 

當我使用下面的表越來越因爲的tablesorter

<table id="table1" class="tablesorter" width="100%" border="1" > 

現在我的問題的排序,我可以只用一個表類,所以無論是移動定位發生正常或分揀機。我希望這兩個功能。是否可以在表中使用兩個類?我閱讀了一篇文章here,但我認爲它不適用於我的問題。任何人都可以提出一種方法來實現這一點?

t2類正常工作,因爲我還沒有把它分類。

謝謝

編輯:它不是重複的,因爲我看到了多個類here寫了一些功能,所以弄糊塗了。然而,我現在得到了解決方案,並添加了一條評論:「當在移動設備上逐行查看錶格時,排序功能無法正常工作,但它仍然可以在桌面上使用!有什麼方法可以讓它在移動設備上運行? 「

+0

身份被定義一次,類被創建多次被空格分開 – AvrilAlejandro 2014-09-23 13:30:51

+1

非常感謝你 – 2014-09-23 13:39:55

回答

5

是的,你可以。您可以通過用空格分隔元素來定義多個類。

<table id="table1" class="t1 tablesorter" width="100%" border="1" > 

MDN Global Attributes Reference


該屬性的元素的類的空間分隔的列表。

+0

phew!就這麼簡單!謝謝...當在移動設備上逐行查看錶格時,排序功能不起作用。它雖然在桌面上工作!有沒有辦法讓它在移動設備上運行? – 2014-09-23 13:33:15

+0

@MumbaiCabinCrew,爲了不混淆主題,我建議你在SO上打開另一個關於這個特定問題的問題,如果可能的話提供代碼。我們很樂意提供幫助! :) – LcSalazar 2014-09-23 13:34:56

+0

當然謝謝你... – 2014-09-23 13:38:33