jquery - jqueryでHtml.DataList.columnを設定する方法

Question

以下のように DataList を含むビューがあり、ユーザーがブラウザのサイズを変更したときに、ブラウザ ウィンドウの幅に基づいて「列」を動的に変更したいと考えています。幅と柔軟な列の値を測定する jquery 関数が既にあります。新しい列数を DataList に割り当てるにはどうすればよいですか? DataList コードは次のとおりです。

<div class="product-grid">
   @(Html.DataList<ProductModel>(Model, columns,
        @<div class="item-box">
           @Html.Partial("_ProductBox", @item)
        </div>
   ))
</div>