why the datagrid's filter editor have a "x"（delete all）

[kissmoon]

please see the attachment,it is the screen copy.

Code:

<table id="DataSelect" title="请选择" style="width: 800px; height: 600px"
    data-options="rownumbers:true,singleSelect:true,method:'get',remoteSort:false,sortName:'code',sortOrder:'asc',loadMsg:'请在加载数据，请等待...'" ></table>
<script>
    //var dg = $('#DataSelect');
    //dg.datagrid();    // create datagrid
    //dg.datagrid('enableFilter');    // enable filter

    $('#DataSelect').datagrid({
        url: getdata_url,
        columns: [[
            { field: 'ck', checkbox: true },
            { field: 'name', title: '名称', width: 200, sortable: true },
            { field: 'code', title: '编码', width: 100, sortable: true },
            { field: 'desc', title: '描述/备注', width: 420, sortable: true }
        ]]
    });

    var dg = $('#DataSelect').datagrid();
    dg.datagrid('enableFilter');
</script>

[kissmoon]

please help.
thanks.

[hjzhbb7758]

ie9 more have this

[kissmoon]

in firefox,the header are too loose than column's width.
see attachment

[kissmoon]

error?