小编Dan*_*nny的帖子

我正在尝试使用HTML和Javascript构建自定义日历,您可以将任务从一天拖放到另一天.我想将第一列和最后两列作为固定宽度并使剩余的列(周一到周五)流畅,以便表总是填满其父级的100%.

我遇到的问题是流体TD根据其中的内容自动调整大小,这意味着当我将任务从一天拖到另一天时,列宽会调整大小.我希望周一到周五的大小完全相同,无论内容如何,​​并且没有设置文本溢出:隐藏; (因为任务总是需要可见)

即我希望灰色列固定宽度和红色柱流动但彼此均匀,无论其中的内容如何.

编辑:我正在使用jQuery进行拖放功能,因此JavaScript解决方案也可以(尽管不是更好).

JSFiddle Live示例

HTML:

<table>
  <tr>
    <th class="row_header">Row Header</th>
    <th class="fluid">Mon</th>
    <th class="fluid">Tue</th>
    <th class="fluid">Wed</th>
    <th class="fluid">Thurs</th>
    <th class="fluid">Fri</th>
    <th class="weekend">Sat</th>
    <th class="weekend">Sun</th>
  </tr>
  <tr>
    <td>Before Lunch</td>
    <td>This col will be wider than the others because it has lots of content...</td>
    <td></td>
    <td></td>
    <td></td>
    <td>But I would really like them to always be the same size!</td>
    <td></td>
    <td></td>
  </tr>
</table>

CSS:

    table {
        width: 100%;
    }       

    td, th {
        border:1px solid black;
    }  

    th { …

我目前正在重写一个应用程序,教师可以在线计划课程.

该应用程序指导教师完成为学生创建工作单元的过程.该工具目前在三个州使用,但我们计划比这更大.

该应用程序的主要绘图卡之一是所有学生成果都预先加载到系统中.这允许教师搜索或浏览并选择在每个工作单元中将满足哪些结果.

当我最初设计系统时,我假设所有学生成绩都遵循类似的层次结构.也就是说,有名为嵌套容器,然后是结果.

我输入的原始结果是三层.因此我的数据库具有以下结构:

=========================

粗体表格

H1

id,名字

H2

id,parent___id(h1_id),名称

H3

id,parent___id(h2_id),名称

结果

id,parent___id(h3_id),名称

=========================

除了显然无法添加n /级别的层次结构之外,此方法还使得在不递归查询数据库的情况下难以显示所有标准的列表.

一旦添加了学生成绩(及其家长类别),就没有理由以任何方式对其进行修改.主要要求是它们易于阅读且高效.

到目前为止,来自不同学校/州/国家的所有学生成绩都大致遵循了我的假设.情况可能并非总是如此.

当然,所有现有数据必须从当前数据库传输.

鉴于上述情况,我存储所有不同学生成绩的最佳方式是什么？我所拥有的一些想法如下所示.

• 在选择使用recusion或大量连接时,继续在数据库中使用4个表

• 使用嵌套集

• XML(所有不同集合的全局XML文件或每个集合的XML文件)