2014-10-02 78 views
0

我正在爲我的項目製作一個紅寶石表格,我希望在某些單元格上有背景顏色。我首先嚐試了「bgcolor」,這似乎已被棄用,然後我嘗試了style =「background-color:#FF0000」,但似乎沒有任何效果。style =「background-color:#FF0000」不適用於Chrome或Safari瀏覽器?

我的代碼:

table = "<table class='sortable' id='components_table'>" + 
      "<thead>" + 
      "<tr class='all'>" + 
      "<th>some-data1</th>" + 
      "<th>some-data2</th>" + 
      "<th>some-data3</th>" + 
      "</tr>" + 
      "</thead>" 

table += "<tr>" + 
     "<td id='#{"some-data1"}'>" + some-data1 + "</td>" + 
     "<td id='#{'some-data2'}'>" + some-data2 + "</td>" + 
     '<td id="#{"some-data3"}" style="background-color: #FF0000">' + some-data3 + '</td>' 
table += "</tr>" 

是我的風格= 「背景色:#FF0000」 不會在Chrome/Safari瀏覽器上工作?有沒有其他方法可以更改單元格的背景顏色以在Chrome/safari/mozilla上顯示?

回答

1

style="background-color: #ff0000"應該工作。您有color="#ff0000"。你缺少background-

+0

對不起,我試圖顏色,以及因爲背景顏色並沒有爲我工作。我會在我的問題中更新它。但是,是的,兩者似乎都不適合我。 – 2014-10-02 16:52:51

+0

嘗試更改背景顏色時,爲什麼要切換到單引號(') – 2014-10-02 16:58:29

+0

以不同的方式嘗試,因爲它不是首先使用雙引號。但它沒有什麼區別。 – 2014-10-02 17:13:50

0

使用單引號雙引號//沒有逃逸字符

試試這個

table += "<tr>" + 
    "<td id=\"#{'some-data1'}\">" + some-data1 + "</td>" + 
    "<td id=\"#{'some-data2'}\">" + some-data2 + "</td>" + 
    "<td id=\"#{'some-data3'}\" style=\"background-color: #FF0000\">" + some-data3 + "</td>" 
table += "</tr>" 
+0

這[看起來像解決方案](http://jsfiddle.net/sbg5skng/)給我。查看OP中的語法突出顯示。 Downvoter,關心評論? – showdev 2014-10-02 23:46:51

相關問題