datagrid 自适应问题

我是在table中的一行中的列里放了一个datagrid，最小化到最大化是自适应的，但缩小页面就不自适应，
初始化页面图
变换页面大小问题
麻烦高手们帮忙指教啊，不胜感激!!!!页面的标签
<tr>
        <td>中标历史<span class="must"></span></td>
      <td colspan="3">
<table id = "tableList"  width="100%" >
            
        </table>    
       </td>js//处理datagrid自适应问题
$(window).resize(function(){
    $('#tableList').datagrid('resize')
});$('#bidHistoryTableList').datagrid({
        width: '100%',
        height: 'auto',
        url: **,
        loadMsg: 'loading',
        rownumbers: true,
        queryParams: {
            oid: channelId
        },
        fitColumns: true,
        //奇偶行使用不同背景色
        striped: true,
        columns: [[{
            field: 'code',
            title: '授权编号',
            width: 100
        }, {
            field: 'cluesCode',
            title: '项目编号',
            width: 100
        }, {
            field: 'cluesName',
            title: '项目名称',
            width: 100
        }, {
            field: 'bidStatus',
            title: '中标状态',
            width: 100
            }
        }]],
        //分页组件
        pagination: true
    
    });
    </tr>