DataTables jquery，CSS中的背景颜色不起作用答案

【问题标题】：DataTables jquery, background color in CSS doesn't workDataTables jquery，CSS中的背景颜色不起作用
【发布时间】：2017-10-14 16:04:25
【问题描述】：

我尝试了一些解决方案，但仍然无法正常工作。我正在尝试使用 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

我的行没有高亮显示..

【问题讨论】：

请删除不能在浏览器中运行的服务器端代码，并提供一个minimal reproducible example来说明问题
有了足够的原始 html 来创建表格，您可以将其全部放入 stack snippet 并在此页面中直接运行
最好给个 JSFiddle。这样可以最快地得到答案。或者你也可以标记 php 标签？

标签： jquery css datatables

【解决方案1】：

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

来自here。如果您想要悬停样式，您可能需要提供一些 javascript。阅读有关样式的更多信息here。

【讨论】：

【解决方案2】：

将class="display" 添加到您的表中。例如：

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

更多信息请参见styling classes。

【讨论】：