改变背景颜色&自定义dataTables的搜索框

时间:2012-06-01 07:26:09

标签: jquery datatables jsp-tags

我在桌面上使用了dataTables。但我想给表格一些新的外观,但不知道在哪里做。我的文件是:

<link href="css/demo_page.css" rel="stylesheet" type="text/css">
    <link href="css/demo_table.css" rel="stylesheet" type="text/css">
    <link href="css/demo_table_jui.css" rel="stylesheet" type="text/css">

    <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.dataTables.min.js"></script>

我的表格的行背景颜色为白色(偶数)和浅紫色(奇数)。我想更改行的颜色,我该怎么办?

此外,我想在搜索框中将默认文字写为“通过任意字段搜索”。我必须编辑哪些文件才能进行这些更改?

1 个答案:

答案 0 :(得分:0)

对于表格行颜色,请更改此评论下的demo_table.css文件:

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */

对于搜索框中的默认文本,将此参数添加到dataTable的初始化中:

"oSearch": {"sSearch": "Search via any field"}