Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何进行这种HTML表格设计_Javascript_Jquery_Html_Css_Html Table - Fatal编程技术网

Javascript 如何进行这种HTML表格设计

Javascript 如何进行这种HTML表格设计,javascript,jquery,html,css,html-table,Javascript,Jquery,Html,Css,Html Table,我已经在Photoshop中创建了一个设计模型,现在我想使用HTML和CSS制作一个“工作”模型版本。我正在寻找最好的方法来解决这个问题的建议 下图为图像模型(忽略表格右侧的绿色箭头) 该设计本身基本上是一个带有固定左栏和可滚动中心内容的表格 我已经尝试使用数据表和引导以及下面的一个工作片段来复制这个的基本版本 $(文档).ready(函数(){ 变量表=$(“#示例”)。数据表({ 滚动:“300px”, 是的, 对,, 分页:false, fixedColumns:对, 排序:false

我已经在Photoshop中创建了一个设计模型,现在我想使用HTML和CSS制作一个“工作”模型版本。我正在寻找最好的方法来解决这个问题的建议

下图为图像模型(忽略表格右侧的绿色箭头)

该设计本身基本上是一个带有固定左栏和可滚动中心内容的表格

我已经尝试使用数据表和引导以及下面的一个工作片段来复制这个的基本版本

$(文档).ready(函数(){
变量表=$(“#示例”)。数据表({
滚动:“300px”,
是的,
对,,
分页:false,
fixedColumns:对,
排序:false
} );
} );

CodePen-引导jquery数据表固定列
房间
房间名称
上午12点
凌晨1点
凌晨2点
凌晨3点
凌晨4点
凌晨5点
早上6点
上午7点
上午8点
上午9点
上午10点
上午11点
下午12点
下午1点
下午2点
下午三点
下午4点
下午5点
下午6点
晚上7点
晚上8点
晚上9点
晚上10点
晚上11点
房间名称
上午12点
凌晨1点
凌晨2点
凌晨3点
凌晨4点
凌晨5点
早上6点
上午7点
上午8点
上午9点
上午10点
上午11点
下午12点
下午1点
下午2点
下午三点
下午4点
下午5点
下午6点
晚上7点
晚上8点
晚上9点
晚上10点
晚上11点
房间名称
上午12点
凌晨1点
凌晨2点
凌晨3点
凌晨4点
凌晨5点
早上6点
上午7点
上午8点
上午9点
上午10点
上午11点
下午12点
下午1点
下午2点
下午三点
下午4点
下午5点
下午6点
晚上7点
晚上8点
晚上9点
晚上10点
晚上11点
房间名称
上午12点
凌晨1点
凌晨2点
凌晨3点
凌晨4点
凌晨5点
早上6点
上午7点
上午8点
上午9点
上午10点
上午11点
下午12点
下午1点
下午2点
下午三点
下午4点
下午5点
下午6点
晚上7点
晚上8点
晚上9点
晚上10点
晚上11点
房间名称
上午12点
凌晨1点
凌晨2点
凌晨3点
凌晨4点
凌晨5点
早上6点
上午7点
上午8点
上午9点
上午10点
上午11点
下午12点
下午1点
下午2点
下午三点
下午4点
下午5点
下午6点
晚上7点
晚上8点
晚上9点
晚上10点
晚上11点
房间名称
上午12点
凌晨1点
凌晨2点
凌晨3点
凌晨4点
凌晨5点
早上6点
上午7点
上午8点
上午9点
上午10点
上午11点
下午12点
下午1点
下午2点
下午三点
下午4点
下午5点
下午6点
晚上7点
晚上8点
晚上9点
晚上10点
晚上11点
房间名称
上午12点
凌晨1点
凌晨2点
凌晨3点
凌晨4点
凌晨5点
早上6点
上午7点
上午8点
上午9点
上午10点
上午11点
下午12点
下午1点
下午2点
下午三点
下午4点
下午5点
下午6点
晚上7点
晚上8点
晚上9点
晚上10点
晚上11点
房间名称
上午12点
凌晨1点
凌晨2点
凌晨3点
凌晨4点
凌晨5点
早上6点
上午7点
上午8点
上午9点
上午10点
上午11点
下午12点
下午1点
下午2点
下午三点
下午4点
下午5点
下午6点
晚上7点
晚上8点
晚上9点
晚上10点
晚上11点
房间名称
上午12点
凌晨1点
凌晨2点
凌晨3点
凌晨4点
凌晨5点
早上6点
上午7点
上午8点
上午9点
上午10点
上午11点
下午12点
下午1点
下午2点
下午三点
下午4点
下午5点
下午6点
晚上7点
晚上8点
晚上9点
晚上10点
晚上11点
房间名称
上午12点
凌晨1点
凌晨2点
凌晨3点
凌晨4点
凌晨5点
早上6点
上午7点
上午8点
上午9点
上午10点
上午11点
下午12点
下午1点
下午2点
下午三点
下午4点
下午5点
下午6点
晚上7点
晚上8点
晚上9点
晚上10点
晚上11点
房间名称
上午12点
凌晨1点
凌晨2点
凌晨3点
凌晨4点
凌晨5点
早上6点
上午7点
上午8点
上午9点
上午10点
上午11点
下午12点
下午1点
下午2点
下午三点
下午4点
下午5点
下午6点
晚上7点
晚上8点
晚上9点
晚上10点
晚上11点
房间名称
上午12点
凌晨1点
凌晨2点
凌晨3点
凌晨4点
凌晨5点
早上6点
上午7点
上午8点
上午9点
上午10点
上午11点
下午12点
下午1点
下午2点
下午三点
下午4点
下午5点
下午6点
晚上7点
晚上8点
晚上9点
晚上10点
晚上11点
房间名称
上午12点
凌晨1点
凌晨2点
凌晨3点
凌晨4点
凌晨5点
早上6点
上午7点
上午8点
上午9点
上午10点
上午11点
下午12点
下午1点
下午2点
下午三点
下午4点
下午5点
下午6点
晚上7点
晚上8点
晚上9点
晚上10点
晚上11点
房间名称
上午12点
凌晨1点
凌晨2点
凌晨3点
凌晨4点
凌晨5点
早上6点
上午7点
上午8点
上午9点
上午10点
上午11点
下午12点
下午1点
下午2点
下午三点
下午4点
下午5点
下午6点
晚上7点
晚上8点
晚上9点
晚上10点
晚上11点
房间名称
上午12点
凌晨1点
凌晨2点
凌晨3点
凌晨4点
凌晨5点
早上6点
上午7点
上午8点
上午9点
上午10点
上午11点
下午12点
下午1点
下午2点
下午三点
下午4点
下午5点
下午6点
晚上7点
晚上8点
9