我正在尝试自定义默认 数据表 的颜色。我设法改变了标题的颜色和字体,但我没有改变每一列的颜色。例如,我有一栏报告总死亡人数,我希望它是红色的。同时,我想确保我的标题颜色保持不变。
我的HTML代码
<table id="myTable"></table> <div id="loadingLabel">Loading...</div
JS码
const getNewCases = async() => { const response = await fetch('https://covid19.mathdro.id/api/daily/3-18-2020'); const data = await response.json(); let usa = data.filter(val => { return val.countryRegion === 'US'; $('#loadingLabel').hide(); $('#myTable').DataTable({ data: usa, bLengthChange: false, bPaginate: false, scrollY: '50vh', columns: [ { data: 'provinceState', title: 'State' }, { data: 'countryRegion', title: 'Country' }, { data: 'lastUpdate', title: 'Last Update' }, { data: 'confirmed', title: 'Confirmed' }, { data: 'deaths', title: 'Deaths' }, { data: 'recovered', title: 'Recovered' } getNewCases();
CSS代码
thead { background-color: #2c3e4f; font-family: monospace; font-size: 20px;