删除表头和行之间的行

时间:2014-08-18 05:30:16

标签: jquery jquery-plugins

请参阅此FIDDLE

这是我的jquery:

function searchRecords() {
        $('#searchMe').tableutils({
            filter: {
                type: ['noFilter', 'noFilter', 'text']
            },
            fixHeader: {
                width: 1000,
                height: 200
            },

        columns: [{
            label: 'First Name'
        }, {
            label: 'Last Name'
        }, {
            label: 'Concept'
        }, {
            label: 'Rating'
        }, {
            label: 'AKA'
        }]
    });

    $('#searchRecords').hide();
}

searchRecords();

$('#filter_searchMe_2').css('width', '100px').detach().appendTo("#outSide");

如何删除表头和第一个表行之间的行?基本上,该区域用于过滤每一列,但我不想过滤每一列,所以我删除一个文本框进行过滤,并将其放在表外。非常感谢任何帮助。谢谢。

您可以在原始代码上查看我对此LINK进行过滤的含义,点击在您的表格类别中搜索转换

1 个答案:

答案 0 :(得分:1)

表格标题下方的空格不是一行。这是由于mainTableWrapper_searchMe的css属性top: 54px;而产生的差距 您可以使用以下css覆盖它:

#mainTableWrapper_searchMe
{
    top: 0 !important;
}

!important关键字会覆盖指定css属性的所有其他规则 小提琴:http://jsfiddle.net/y9hm6xhc/

修改
您也可以使用JQuery:

$(function(){
    $('#mainTableWrapper_searchMe').css('top', '0');
})