DataTables jQuery中，在CSS中的背景顏色不起作用

我試過一些解決方案，但它仍然不起作用。我想使用jQuery DataTables插件在表中顯示數據庫中的數據。技術上一切正常，但某些行的背景顏色不起作用。有什麼問題？DataTables jQuery中，在CSS中的背景顏色不起作用

<html lang="pl"> 
<head> 
    <meta charset="utf-8" /> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 
    <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.16/css/jquery.dataTables.css"> 

    <title>Football stats</title> 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
    <script type="text/javascript" charset="utf8" src="//cdn.datatables.net/1.10.16/js/jquery.dataTables.js"></script> 
    <script> 
     $(document).ready(function(){ 
      $('#table1').DataTable(); 
     }); 
    </script> 
</head> 
<?php 
$polaczenie = new mysqli('localhost','root','','mecze'); 
$sql = 'MY SELECT'; 
$wynik = $polaczenie->query($sql); 

echo '<body> 
<table id="table1"> 
<thead> 
<tr> 
<th>ID</th> 
<th>Hour</th> 
<th>Country</th> 
<th>Team</th> 
<th>Ov 2,5</th> 
<th>Avg</th> 
<th>Ov 1,5ht</th> 
<th>LG HT</th> 
<th>LG FT</th> 
<th>LG</th> 
<th>EOver</th> 
<th>EAvg</th> 
<th>EOvHT</th> 
<th>EHt</th> 
<th>EFt</th> 
<th>ELate</th> 
<th>SUMAvg</th> 
<th>H2HOver</th> 
<th>H2HGAvg</th> 
<th>H2HOvHt</th> 
</tr> 
</thead>'; 

echo '<tbody>'; 
while (($rekord=$wynik -> fetch_assoc()) != null) 
{ 
    $explode = explode("/", $rekord['home']); 
    echo '<tr>'; 
    echo '<td>'.$rekord['id_match'] . '</td>'; 
    echo '<td>'.$rekord['hour'] . '</td>'; 
    echo '<td>'.$explode[2] . '</td>'; 
    echo '<td>'.$explode[3] . '</td>'; 
    echo '<td>'.$rekord['over'] . '</td>'; 
    echo '<td>'.$rekord['goalsavg'] . '</td>'; 
    echo '<td>'.$rekord['overht'] . '</td>'; 
    echo '<td>'.$rekord['lategoalht'] . '</td>'; 
    echo '<td>'.$rekord['lategoalft'] . '</td>'; 
    echo '<td>'.$rekord['lategoal'] . '</td>'; 
    echo '<td>'.$rekord['EOver'] . '</td>'; 
    echo '<td>'.$rekord['EAvg'] . '</td>'; 
    echo '<td>'.$rekord['EOvHT'] . '</td>'; 
    echo '<td>'.$rekord['EHt'] . '</td>'; 
    echo '<td>'.$rekord['EFt'] . '</td>'; 
    echo '<td>'.$rekord['ELate'] . '</td>'; 
    echo '<td>'.$rekord['SUMAvg'] . '</td>'; 
    echo '<td>'.$rekord['H2HOver'] . '</td>'; 
    echo '<td>'.$rekord['H2HGAvg'] . '</td>'; 
    echo '<td>'.$rekord['H2HOvHt'] . '</td>'; 
    echo '</tr>'; 
} 
echo '</tbody>'; 
echo '</table>'; 
?>

有應該如何看起來像：https://datatables.net/examples/basic_init/zero_configuration.html

我行沒有白標明..

來源

2017-10-14 Adam Szajer

請刪除不會在瀏覽器中運行的服務器端代碼，並提供一個演示問題的[mcve] – charlietfl

用足夠的原始html創建表，您可以將它全部放入[stack snippet]（https：// stackoverflow .blog/2014/09/16/introduction-runnable-javascript-css-and-html-code-snippets /）並在此頁面中正確運行 – charlietfl

更好地給一個JSFiddle。最快得到答案。或者你也可能想要標記php標籤？ –

<table id="table1" class="stripe" cellspacing="0" width="100%">

從 here

。如果你想懸停式樣，你可能不得不提供一些JavaScript。詳細瞭解造型here。

來源

2017-10-14 16:32:28

將class="display"添加到您的表格。例如：

<table id="table1" class="display" width="100%" cellspacing="0">

請參閱styling classes瞭解更多信息。

來源

2017-10-14 16:45:26

DataTables jQuery中，在CSS中的背景顏色不起作用

回答

相關問題