Javascript 正在尝试自定义样式数据表

我试图修改默认情况下生成的布局数据表。如移动下方的过滤器搜索栏和下方的表格长度下拉菜单等。。整个桌子基本上都是定制的，但我不明白怎么做。我查看了datatables网站上的文档，但似乎无法理解。下面是我的代码：

html:

使用选项，例如：

 $('#ray-table').dataTable( {
                "aaSorting": [ [0,'asc'], [1,'asc'] ],
                "sDom": "<tlfrip>",
                "aoColumnDefs": [
                    { "sType": 'string-case', "aTargets": [ 2 ] }
                ]
            } );

$（“#光线表”）。数据表（{
“aaSorting”：[[0，'asc']，[1，'asc']，
“sDom”：“，
“aoColumnDefs”：[
{“sType”：“字符串大小写”，“目标”：[2]}
]
} );

$(document).ready(function() { /* Build the DataTable with third column using our custom sort functions */
    $('#ray-table').dataTable({
        "aaSorting": [[0, 'asc'], [1, 'asc']],
        "aoColumnDefs": [
            {
            "sType": 'string-case',
            "aTargets": [2]}
        ]
    });
});​

 $('#ray-table').dataTable( {
                "aaSorting": [ [0,'asc'], [1,'asc'] ],
                "sDom": "<tlfrip>",
                "aoColumnDefs": [
                    { "sType": 'string-case', "aTargets": [ 2 ] }
                ]
            } );