gridview的响应式设计

Question

我希望我的网格能够响应。
你可以帮助我吗

我目前有以下代码：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script> 
<script src="../Js/gridviewScroll.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        gridviewScroll();
    });

    function gridviewScroll() {
        $('#<%=grvAssignStudentCource.ClientID%>').gridviewScroll({  
            width:100,
            height: 200

    });
}
</script>

上面的代码我尝试了，但没有响应。

Answer 1

在宽度中使用百分比值，这会导致流体设计。

$(document).ready(function () {
        gridviewScroll();
    });

    function gridviewScroll() {
        $('#<%=grvAssignStudentCource.ClientID%>').gridviewScroll({  
            width:100%,
            height: 200

    });