1.自适应屏幕大小
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<style>
#tb-data-table{width: 100%;min-width: 600px;table-layout: fixed;border:0;background-color: #BFBFBF}
#tb-data-table #tb-data-title td{background-color: #BFBFBF;color: #333;height:35px;font-size: 14px;font-weight:500}
#tb-data-table tr{height: 35px;}
#tb-data-table tr td{padding: 5px 10px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;cursor: pointer}
.tb-data-cont{color: #333;font-size: 12px;}
.tb-data-cont tr td:hover{background-color: red}
</style>
<table cellpadding="0" cellspacing="1" id="tb-data-table">
<tr class="tb-data-title">
<th bgcolor="#FFFFFF">编号</th>
<th bgcolor="#FFFFFF">