jQuery Wrap table colum text

jQuery Wrap table colum text

Hi i am generating a dynamic list which contains table, the problem is
that content in the table in not wrapping when it exceeds width of device.
I am using Jquery mobile 1.3.0.
I am using this code :
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>';
here xxxxxxxxxxxxxxxx is a javascript variable.