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

Question

我已經嘗試了一些解決方案，但是仍然行不通。 我正在嘗試使用jQuery DataTables插件在表中顯示數據庫中的數據。 從技術上講，一切正常，但是某些行的背景色不起作用。 怎么了？

<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

我的行沒有高亮顯示。

Answer 1

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

從這里。 如果要懸停樣式，則可能需要提供一些JavaScript。 在此處閱讀有關樣式的更多信息。

Answer 2

將class="display"添加到表中。 例如：

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

有關更多信息，請參見樣式類。

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

問題描述

2 個解決方案

解決方案1
0 2017-10-14 16:32:28

解決方案2
0 2017-10-14 16:45:26

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

問題描述

2 個解決方案

解決方案1 0 2017-10-14 16:32:28

解決方案2 0 2017-10-14 16:45:26

解決方案1
0 2017-10-14 16:32:28

解決方案2
0 2017-10-14 16:45:26