使用jquery mobile ui
静态数据的table 显示没问题。
动态添加数据行，则列显示不正常。
屏幕横着显示列，而屏幕竖着的时候，列不显示了。
js脚本
<script type="text/javascript">
$(document).on("pagecreate", "#itempricepage", function() {
$("#search").click(function() {
$("tbody tr").remove();
var itemname = $("#itemname").val();
$.ajax({
type: 'get',
url: 'http://ws.jsfw.net/publicinfo/SAPItemPrice.php?itemname=' + itemname,
dataType: 'jsonp',
jsonp: "jsoncallback",
success: function(data) {
for(var k = 0, length = data.length; k < length; k++) {
$("#tbody").append("<tr><td>" + data[k].ItemID + "</td><td>" + data[k].ItemName + "</td><td>" + data[k].SalePrice + "</td><td>" + data[k].UnitID + "</td></tr>");
}
},
error: function() {
alert('Ajax获取数据失败!');
}
});
});
})