Html Datatable空表文本对齐其他设备上的更改
我已经使用datatables很短一段时间了,我遇到了一个问题:我将空表文本更改为如下表:Html Datatable空表文本对齐其他设备上的更改,html,css,datatables,Html,Css,Datatables,我已经使用datatables很短一段时间了,我遇到了一个问题:我将空表文本更改为如下表: language: { emptyTable: "No Requests"} 电脑上的文本向左对齐,但从平板电脑或手机上查看的文本变为居中对齐。 我尝试添加如下内容: language: { emptyTable: "No Requests", sClass: 'emptyT' } 还有我的CSS类: .emptyT { text-align:left; } 但空表的文本对齐方式保持不变(在
language: { emptyTable: "No Requests"}
电脑上的文本向左对齐,但从平板电脑或手机上查看的文本变为居中对齐。
我尝试添加如下内容:
language: { emptyTable: "No Requests", sClass: 'emptyT' }
还有我的CSS类:
.emptyT {
text-align:left;
}
但空表的文本对齐方式保持不变(在计算机上左侧,但在平板电脑和手机上居中)。
是否有任何方法可以使其保持向左对齐,无论使用的设备类型如何
解决方案
添加以下CSS规则:
table.dataTable td.dataTables_empty {
text-align: left;
}
演示
有关代码和演示,请参阅。如果我使我的表格具有响应性,平板电脑或手机用户将无法查看所有列。谢谢Gyrocode.com!你像往常一样给了我一个完美的答案:)