jQuery的draggable功能似乎不适用于表(在FF3或Safari中).这是一种很难想象如何将工作,所以它不是令人惊讶的是它没有.
<html>
<style type='text/css'>
div.table { display: table; }
div.row { display: table-row; }
div.cell { display: table-cell; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.core.js"></script>
<script src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.draggable.js"></script>
<script>
$(document).ready(function(){
$(".row").draggable();
});
</script>
<body>
<div class='table'>
<div class='row'>
<div class='cell'>Foo</div>
<div class='cell'>Bar</div>
</div>
<div class='row'>
<div class='cell'>Spam</div>
<div class='cell'>Eggs</div>
</div>
</div>
<table>
<tr class'row'><td>Foo</td><td>Bar</td></tr>
<tr class='row'><td>Spam</td><td>Eggs</td></tr>
</table>
</body>
</html>
我想知道a)是否有任何具体原因导致这不起作用(从w3c/HTML规范角度来看)和b)获得可拖动表行的正确方法是什么.
我喜欢真正的桌子,因为边框折叠和行高算法 - 任何可以做这些事情的替代方案都可以正常工作.
我想在表的每一列上使用不同的样式.我已经读过你可以通过使用<colgroup>或者做到这一点<col>,但我没有运气.我在这里有一个例子,似乎没有任何改变.难道我做错了什么？这会在xhtml上运行吗？
我知道我可以在每个上添加一个"class"属性<td>,但这似乎很弱.
我有以下代码:
<table style="width: 100%; max-width: 800px; table-layout: fixed;">
... table stuff here ...
</table>
我认为很明显我打算让桌子占用全宽,最大尺寸为800px.
这适用于Internet Explorer和Firefox,但是在Chrome中,似乎存在max-width时width会被忽略.
我尝试过使用max-width: 100%; width: 800px;,它再次在IE和FF中工作,但max-width在Chrome中被忽略.我曾尝试使用,max-width: 800px但在Chrome中,表格的宽度为1159像素而不是......!
如果有人可以提供帮助,我们将不胜感激.
有没有办法将滚动条添加到'td'标签？我在'td'标签内有动态内容.我希望'td'具有固定大小,如果内容变得大于'td'大小,我希望滚动条仅出现在该特定单元格上.有没有办法实现这个目标？
我正在尝试使用此脚本将html表保存到Excel文件,并且它工作正常,但它没有以正确的名称出现,而是使用随机字符串.我不明白为什么.
我叫它:
<input type="button" onclick="tableToExcel('tablename', 'name')" value="Export to Excel">
码
var tableToExcel = (function() {
var uri = 'data:application/vnd.ms-excel;base64,'
, template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>'
, base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) }
, format = function(s, c) { return s.replace(/{(\w+)}/g, function(m, p) { return c[p]; }) }
return function(table, name) {
if (!table.nodeType) table = document.getElementById(table)
var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML}
window.location.href = uri + base64(format(template, ctx))
}
})()
我试图隐藏列我响应式设计的时候col-xs和col-sm.我首先尝试使用hidden-xs/hidden-sm类,但这不起作用.我也尝试使用visible-desktop这里提到的:Twitter Bootstrap Responsive - 仅在桌面上显示表列
这也行不通.做这个的最好方式是什么？我宁愿不做两个单独的表然后隐藏一个或另一个.
我试过的代码当前没有用:
<table>
<thead>
<th>Show All the time</th>
<th class="hidden-xs hidden-sm">Hide in XS and SM</th>
</thead>
<tbody>
<tr>
<td>Show All the time</td>
<td class="hidden-xs hidden-sm">Hide in XS and SM</td>
</tr>
</tbody>
</table>
看一下Stack Overflow的源代码,我注意到他们已经使用了表和内联CSS了,我发现奇怪的是使用内联表属性格式化.
<table width="100%">
我只是好奇是否有任何特定的原因,他们为什么使用表格来构建他们的模板而不是流行的(或曾经流行的)DIV.
同样......使用CSS的目的包括在同一页面上使用内联CSS(我知道可能有一个很好的答案/解决方案......我只是好奇他们是什么)
我知道将表用于表格数据没有任何问题......但在这种情况下,Stack Overflows表用于结构.
我正在使用SQL Server 2008 R2中的FOR XML语句创建HL7 Continuity of Care Document(CCD).
我用这种方法做了很多,但这是我第一次在HTML表格中表示部分数据,这给我带来了麻烦.
所以,我在表格中有以下信息:
Problem | Onset | Status
---------------------------------
Ulcer | 01/01/2008 | Active
Edema | 02/02/2005 | Active
我试图渲染以下内容
<tr>
<th>Problem</th>
<th>Onset</th>
<th>Status</th>
</tr>
<tr>
<td>Ulcer</td>
<td>01/01/2008</td>
<td>Active</td>
</tr>
<tr>
<td>Edema</td>
<td>02/02/2005</td>
<td>Active</td>
</tr>
我正在使用此查询:
SELECT p.ProblemType AS "td"
, p.Onset AS "td"
, p.DiagnosisStatus AS "td"
FROM tblProblemList p
WHERE p.PatientUnitNumber = @PatientUnitNumber
FOR XML PATH('tr')
我一直得到以下内容:
<tr>
<td>Ulcer2008-01-01Active</td>
</tr>
<tr>
<td>Edema2005-02-02Active</td>
</tr>
有人有任何建议吗？
当我在html中创建一个表,宽度为100%的表时,如果我希望所有单元格(tds)被分成相等的部分,我是否必须输入每个单元格的宽度%？我"有义务"这样做吗？
例如:
<table cellpadding="0" cellspacing="0" width="100%" border="0">
<tr>
<td width="25%"></td>
<td width="25%"></td>
<td width="25%"></td>
<td width="25%"></td>
</tr>
</table>
或者以下也可能是正确的程序,如果我希望每个tds中的每一个都被平分,则不要在每个tds中写入宽度:
<table cellpadding="0" cellspacing="0" width="100%" border="0">
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
我知道它适用于这两种方式,但我只是想知道"合法"的方式.
html-table ×10
html ×8
css ×6
width ×2
excel ×1
html5 ×1
javascript ×1
jquery ×1
scrollbar ×1
sql-server ×1
t-sql ×1
xml ×1