<1>布局:一个table表格,表格分为两个部分,上面是thead表头,表头里面仅一行,有4列(th), 下面是tbody表格内容,要求tbody中的每一行都是用js动态创建的
<body> <table><thead><tr><th>姓名</th><th>科目</th><th>成绩</th><th>操作</th></tr></thead><tbody></tbody> </table> </body>
<2>样式
<style>*{padding:0;margin:0;}table{width:500px;margin:100px auto;border-collapse:collapse;/*边框合并模式*/text-align:center;}td,th{ /*td是后面tbody中动态创建的单元格,th是thead里面那一行中的单元格*/border:1px solid #333;}thead tr{height:40px;background-color: #cccccc;}
<3>js动态创建表格:
第一步:先准备数据,一共有三个人的成绩,作为三个对象放进数组中
var datas=[{name:"甲",subject:"javascript",score:100},{name:"乙",subject:"javascirpt",score:99},{name:"丙",subject: