移动新ui
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
hb_cyjc_yd/test/历史文件/html/list-表格单元格换行.html

420 lines
14 KiB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="js/jquery.min.js"></script>
<link type="text/css" rel="stylesheet"href="css/cjy_style.css" />
<link type="text/css" rel="stylesheet"href="css/zjk_css.css" />
<title>无标题文档</title>
</head>
<body >
<div class="xingk_nr"></div>
<div class="header">
<h3 class="header_bt">旅游资源基础管理</h3>
<a href="#" class="nav" id="showLeft"><i class="nav_icon icon_caidan"></i>菜单</a> <a href="#" class="nav_home"><i class="nav_icon icon_zhuye"></i>主页</a> </div>
<div class="zuoce cbp-spmenu-left" id="cbp-spmenu-s1"> <a href="#" class="on"><i class="nav_icon icon_zhuye"></i>首页</a> <a href="#"><i class="nav_icon icon_lycy"></i>旅游产业</a> <a href="#"><i class="nav_icon icon_kydfx"></i>客源地分析</a> <a href="#"><i class="nav_icon icon_jqfx"></i>景区分析</a> <a href="#"><i class="nav_icon icon_ykhx"></i>游客画像</a> <a href="#"><i class="nav_icon icon_jqhx"></i>景区画像</a> <a href="#"><i class="nav_icon icon_slqyhx"></i>涉旅企业画像</a> <a href="#"><i class="nav_icon icon_lygzd"></i>旅游关注度</a> <a href="#"><i class="nav_icon icon_lymdd"></i>旅游目的地</a> <a href="#"><i class="nav_icon icon_lyyq"></i>旅游舆情</a> <a href="#"><i class="nav_icon icon_slbm"></i>涉旅部门</a> </div>
<div class="lst_table_box">
<div class="t_r_t" id="t_r_t">
<div class="t_r_title pp-list">
<table class="pp-list_break">
<tr>
<th width="5%">序号</th>
<th width="20%">景区名称</th>
<th width="10%">等级</th>
<th width="10%">等级评定年度</th>
<th width="15%">咨询电话</th>
<th width="15%">网址</th>
<th width="15%">地址</th>
<th width="10%">审核状态</th>
</tr>
</table>
</div>
</div>
<div class="t_r_content t_table" id="t_r_content" onscroll="aa()" style="max-height:660px;">
<table class="pp-list_break">
<tr>
<td width="5%">2
</th>
<td width="20%">dsfjlkdsj角度考虑价格爱的感觉啦就过来咯几个卡拉就过来咯j'g2景区名称
</th>
<td width="10%">等级
</th>
<td width="10%">等2的时间过来看价格级评定年度
</th>
<td width="15%">咨2打算离开股价拉高大概啊哈看询电话
</th>
<td width="15%">ddgdgdgdgfjhkjgh.com
</th>
<td width="15%">djlkgjdakgjak
</th>
<td width="10%">审核状态
</th>
</tr>
<tr>
<td width="5%">2
</th>
<td width="20%">dsfjlkdsj角度考虑价格爱的感觉啦就过来咯几个卡拉就过来咯j'g2景区名称
</th>
<td width="10%">等级
</th>
<td width="10%">等2的时间过来看价格级评定年度
</th>
<td width="15%">咨2打算离开股价拉高大概啊哈看询电话
</th>
<td width="15%">ddgdgdgdgfjhkjgh.com
</th>
<td width="15%">djlkgjdakgjak
</th>
<td width="10%">审核状态
</th>
</tr>
<tr>
<td width="5%">2
</th>
<td width="20%">dsfjlkdsj角度考虑价格爱的感觉啦就过来咯几个卡拉就过来咯j'g2景区名称
</th>
<td width="10%">等级
</th>
<td width="10%">等2的时间过来看价格级评定年度
</th>
<td width="15%">咨2打算离开股价拉高大概啊哈看询电话
</th>
<td width="15%">ddgdgdgdgfjhkjgh.com
</th>
<td width="15%">djlkgjdakgjak
</th>
<td width="10%">审核状态
</th>
</tr>
<tr>
<td width="5%">2
</th>
<td width="20%">dsfjlkdsj角度考虑价格爱的感觉啦就过来咯几个卡拉就过来咯j'g2景区名称
</th>
<td width="10%">等级
</th>
<td width="10%">等2的时间过来看价格级评定年度
</th>
<td width="15%">咨2打算离开股价拉高大概啊哈看询电话
</th>
<td width="15%">ddgdgdgdgfjhkjgh.com
</th>
<td width="15%">djlkgjdakgjak
</th>
<td width="10%">审核状态
</th>
</tr>
<tr>
<td width="5%">2
</th>
<td width="20%">dsfjlkdsj角度考虑价格爱的感觉啦就过来咯几个卡拉就过来咯j'g2景区名称
</th>
<td width="10%">等级
</th>
<td width="10%">等2的时间过来看价格级评定年度
</th>
<td width="15%">咨2打算离开股价拉高大概啊哈看询电话
</th>
<td width="15%">ddgdgdgdgfjhkjgh.com
</th>
<td width="15%">djlkgjdakgjak
</th>
<td width="10%">审核状态
</th>
</tr>
<tr>
<td width="5%">2
</th>
<td width="20%">dsfjlkdsj角度考虑价格爱的感觉啦就过来咯几个卡拉就过来咯j'g2景区名称
</th>
<td width="10%">等级
</th>
<td width="10%">等2的时间过来看价格级评定年度
</th>
<td width="15%">咨2打算离开股价拉高大概啊哈看询电话
</th>
<td width="15%">ddgdgdgdgfjhkjgh.com
</th>
<td width="15%">djlkgjdakgjak
</th>
<td width="10%">审核状态
</th>
</tr>
<tr>
<td width="5%">2
</th>
<td width="20%">dsfjlkdsj角度考虑价格爱的感觉啦就过来咯几个卡拉就过来咯j'g2景区名称
</th>
<td width="10%">等级
</th>
<td width="10%">等2的时间过来看价格级评定年度
</th>
<td width="15%">咨2打算离开股价拉高大概啊哈看询电话
</th>
<td width="15%">ddgdgdgdgfjhkjgh.com
</th>
<td width="15%">djlkgjdakgjak
</th>
<td width="10%">审核状态
</th>
</tr>
<tr>
<td width="5%">2
</th>
<td width="20%">dsfjlkdsj角度考虑价格爱的感觉啦就过来咯几个卡拉就过来咯j'g2景区名称
</th>
<td width="10%">等级
</th>
<td width="10%">等2的时间过来看价格级评定年度
</th>
<td width="15%">咨2打算离开股价拉高大概啊哈看询电话
</th>
<td width="15%">ddgdgdgdgfjhkjgh.com
</th>
<td width="15%">djlkgjdakgjak
</th>
<td width="10%">审核状态
</th>
</tr>
<tr>
<td width="5%">2
</th>
<td width="20%">dsfjlkdsj角度考虑价格爱的感觉啦就过来咯几个卡拉就过来咯j'g2景区名称
</th>
<td width="10%">等级
</th>
<td width="10%">等2的时间过来看价格级评定年度
</th>
<td width="15%">咨2打算离开股价拉高大概啊哈看询电话
</th>
<td width="15%">ddgdgdgdgfjhkjgh.com
</th>
<td width="15%">djlkgjdakgjak
</th>
<td width="10%">审核状态
</th>
</tr>
<tr>
<td width="5%">2
</th>
<td width="20%">dsfjlkdsj角度考虑价格爱的感觉啦就过来咯几个卡拉就过来咯j'g2景区名称
</th>
<td width="10%">等级
</th>
<td width="10%">等2的时间过来看价格级评定年度
</th>
<td width="15%">咨2打算离开股价拉高大概啊哈看询电话
</th>
<td width="15%">ddgdgdgdgfjhkjgh.com
</th>
<td width="15%">djlkgjdakgjak
</th>
<td width="10%">审核状态
</th>
</tr>
<tr>
<td width="5%">2
</th>
<td width="20%">dsfjlkdsj角度考虑价格爱的感觉啦就过来咯几个卡拉就过来咯j'g2景区名称
</th>
<td width="10%">等级
</th>
<td width="10%">等2的时间过来看价格级评定年度
</th>
<td width="15%">咨2打算离开股价拉高大概啊哈看询电话
</th>
<td width="15%">ddgdgdgdgfjhkjgh.com
</th>
<td width="15%">djlkgjdakgjak
</th>
<td width="10%">审核状态
</th>
</tr>
<tr>
<td width="5%">2
</th>
<td width="20%">dsfjlkdsj角度考虑价格爱的感觉啦就过来咯几个卡拉就过来咯j'g2景区名称
</th>
<td width="10%">等级
</th>
<td width="10%">等2的时间过来看价格级评定年度
</th>
<td width="15%">咨2打算离开股价拉高大概啊哈看询电话
</th>
<td width="15%">ddgdgdgdgfjhkjgh.com
</th>
<td width="15%">djlkgjdakgjak
</th>
<td width="10%">审核状态
</th>
</tr>
<tr>
<td width="5%">2
</th>
<td width="20%">dsfjlkdsj角度考虑价格爱的感觉啦就过来咯几个卡拉就过来咯j'g2景区名称
</th>
<td width="10%">等级
</th>
<td width="10%">等2的时间过来看价格级评定年度
</th>
<td width="15%">咨2打算离开股价拉高大概啊哈看询电话
</th>
<td width="15%">ddgdgdgdgfjhkjgh.com
</th>
<td width="15%">djlkgjdakgjak
</th>
<td width="10%">审核状态
</th>
</tr>
<tr>
<td width="5%">2
</th>
<td width="20%">dsfjlkdsj角度考虑价格爱的感觉啦就过来咯几个卡拉就过来咯j'g2景区名称
</th>
<td width="10%">等级
</th>
<td width="10%">等2的时间过来看价格级评定年度
</th>
<td width="15%">咨2打算离开股价拉高大概啊哈看询电话
</th>
<td width="15%">ddgdgdgdgfjhkjgh.com
</th>
<td width="15%">djlkgjdakgjak
</th>
<td width="10%">审核状态
</th>
</tr>
<tr>
<td width="5%">2
</th>
<td width="20%">dsfjlkdsj角度考虑价格爱的感觉啦就过来咯几个卡拉就过来咯j'g2景区名称
</th>
<td width="10%">等级
</th>
<td width="10%">等2的时间过来看价格级评定年度
</th>
<td width="15%">咨2打算离开股价拉高大概啊哈看询电话
</th>
<td width="15%">ddgdgdgdgfjhkjgh.com
</th>
<td width="15%">djlkgjdakgjak
</th>
<td width="10%">审核状态
</th>
</tr>
<tr>
<td width="5%">2
</th>
<td width="20%">dsfjlkdsj角度考虑价格爱的感觉啦就过来咯几个卡拉就过来咯j'g2景区名称
</th>
<td width="10%">等级
</th>
<td width="10%">等2的时间过来看价格级评定年度
</th>
<td width="15%">咨2打算离开股价拉高大概啊哈看询电话
</th>
<td width="15%">ddgdgdgdgfjhkjgh.com
</th>
<td width="15%">djlkgjdakgjak
</th>
<td width="10%">审核状态
</th>
</tr>
<tr>
<td width="5%">2
</th>
<td width="20%">dsfjlkdsj角度考虑价格爱的感觉啦就过来咯几个卡拉就过来咯j'g2景区名称
</th>
<td width="10%">等级
</th>
<td width="10%">等2的时间过来看价格级评定年度
</th>
<td width="15%">咨2打算离开股价拉高大概啊哈看询电话
</th>
<td width="15%">ddgdgdgdgfjhkjgh.com
</th>
<td width="15%">djlkgjdakgjak
</th>
<td width="10%">审核状态
</th>
</tr>
<tr>
<td width="5%">2
</th>
<td width="20%">dsfjlkdsj角度考虑价格爱的感觉啦就过来咯几个卡拉就过来咯j'g2景区名称
</th>
<td width="10%">等级
</th>
<td width="10%">等2的时间过来看价格级评定年度
</th>
<td width="15%">咨2打算离开股价拉高大概啊哈看询电话
</th>
<td width="15%">ddgdgdgdgfjhkjgh.com
</th>
<td width="15%">djlkgjdakgjak
</th>
<td width="10%">审核状态
</th>
</tr>
</table>
</div>
<div class="page_warp_wd">
<div class="wid_page"> <a href="#"><span class="page_pre"></span> </a> <a href="#" class="on"><span class="page_bfe"></span> </a> <a href="#" class="on"><span>1</span> </a> <a href="#"><span>2</span> </a> <a href="#"><span>3</span> </a> <a href="#"><span class="page_next"></span> </a> <a href="#"><span class="page_afr"></span> </a>
<div style="clear:both"></div>
</div>
<div class="page_state"><span>51条数据</span> </div>
</div>
</div>
<!--左侧滑动菜单-->
<script src="js/classie.js"></script>
<script>
var menuLeft = document.getElementById('cbp-spmenu-s1'), showLeft = document
.getElementById('showLeft'), body = document.body;
showLeft.onclick = function() {
classie.toggle(this, 'active');
classie.toggle(menuLeft, 'cbp-spmenu-open');
disableOther('showLeft');
};
function disableOther(button) {
if (button !== 'showLeft') {
classie.toggle(showLeft, 'disabled');
}
}
</script>
<script>
//利用js让头部与内容对应列宽度一致。
// function fix() {
// for ( var i = 0; i <= $('.t_table .pp-list tr:last')
// .find('td:last').index(); i++) {
// $('th').eq(i)
// .css('width',
// $('.t_table .pp-list tr:last').find('td').eq(i)
// .width());
// }
// }
// window.load = fix();
// $(window).resize(function() {
// return fix();
// });
//当有横向滚动条时,需要此js,时内容滚动头部也能滚动。
// $('.t_table').scroll(function(){
// $('#table_head').css('margin-left',-($('.t_table').scrollLeft()));
// });
function aa(){
var a=document.getElementById("t_r_content").scrollTop;
var b=document.getElementById("t_r_content").scrollLeft;
document.getElementById("cl_freeze").scrollTop=a;
document.getElementById("t_r_t").scrollLeft=b;
}
</script>
</body>
</html>