我刚用jQuery的load()方法编写一个分页脚本来检索数据表。格式化加载的表似乎存在问题。当然,我可以在HTML内放置样式,如下所示,但这将是响应式设计和媒体查询的问题。 我的负载线如下所示:
$("#content").load("PaginationData.php", "PageNo="+PageNo+"&PageSize="+PageSize+"&SortColumn="+SortColumn+"&Order="+Order+"&Limit="+Limit)
它正在检索此表:
<table id="History" style="width:970px; boarder:1px solid #000000; margin:15px auto; background-color:#FFFFFF;">
<tr style="background-color:#000000; color:#FFFFFF;">
<th>Name</th><th>Address</th><th>Email</th>
</tr>
<?php
while($row = mysql_fetch_array($result))
{
$Name=$row['Name'];
$Address=$row['Address'];
$Email=$row['Email'];
echo('
<tr>
<td style="padding:5px;">'.$Name.'</td>
<td style="padding:5px;">'.$Address.'</td>
<td style="padding:5px;">'.$Email.'</td>
</tr>');
}
?>
</table>
我知道我可以删除内联css,定义类并在此load子句的末尾添加一个函数以使用jQuery添加css,但这对媒体查询以及动态屏幕和设备更改没有帮助。
我记得以前使用$(window).width()时遇到了一些问题,尽管我不记得它们是什么,但还是决定使用该方法。我还以为我也许可以检测到其他类中的媒体查询更改,并根据该更改提供CSS更改,但这似乎很笨拙。也许最好只提取数据并将其分配给调用脚本中的表?
感谢您的想法。