jQuery Wrap表列文本

Question

您好我正在生成一个包含表的动态列表，问题是表中的内容在超出设备宽度时没有换行。我正在使用Jquery mobile 1.3.0。

我正在使用此代码：

list += '<li id="list_"><a href="#abcd" ><table data-role="table" id="movie-table"      class="ui-responsive table-stroke">'
            + '<thead>'
            + '<tr> '
            + '<th data-priority="1">Temp Id</th> '
            + '<th data-priority="persist">Product</th> '
            + '<th data-priority="2">Scheme</th> '
            + '<th data-priority="3"> Name</th> '
            + '</tr> '
            + '</thead>'
            + '<tbody>'
            + '<tr> '
            + '<td>'
            + XXXXXXXXXXXXXXXXXXXXXX
            + '</td> '
            + '<td>'
            + XXXXXXXXXXXXXXXXXXXXXX
            + '</td> '
            + '<td>'
            +  XXXXXXXXXXXXXXXXXXXXXX
            + '</td> '
            + '<td>'
            +  XXXXXXXXXXXXXXXXXXXXXX
            + '</td> '
            + '</tr> '
            + '<tr> ' + '</tbody>' + '</table> </a></li>';

这里xxxxxxxxxxxxxxxx是一个javascript变量。