这篇文章主要介绍“JSF如何动态生成固定表头和行标的DataTable”，在日常操作中，相信很多人在JSF如何动态生成固定表头和行标的DataTable问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”JSF如何动态生成固定表头和行标的DataTable”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
创新互联是一家集网站建设,同安企业网站建设,同安品牌网站建设,网站定制,同安网站建设报价,网络营销,网络优化,同安网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。
自己在写JSF动态生成DataTable的时候也查阅了很多相关文章， 以及实现固定表头等等。
在解决固定表头问题上我是用的两张表（加行标是3张表）实现的， 因为我发现如果用JSF1.1的化实现固定表头几乎不可能（如果有人有好的想法， 比如用JS比较在行的朋友请告诉我解决方法， 谢谢）
实现给每个Header加上一个CommandLink的时候我遇到了很大的问题， 就是无论如何通过JSF动态生成的这些CommandLink都没有办法触发事件（并不报错）， 这个问题足足折磨了我3天。。。
***终于发现问题的所在， 是因为我在生成CommandLink的时候没有给每个CommandLink SetID。。。 就加上这句话，问题立马解决。
我原来的代码是链接数据库的， 但是这样的化大家也没有办法参考， 所以我对代码少加修改， 就算是个小例子吧， 可重用。
希望大家对我的代码提出JSF动态生成固定表头和行标的DataTable的意见，一起进步，谢谢。
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
var tdW;
//Scroll
function f_scroll(Col_T,Row_T,DivNm){
if(Col_T!=''){
document.getElementById(Col_T).scrollLeft = document.getElementById(DivNm).scrollLeft;
}
if(Row_T!=''){
document.getElementById(Row_T).scrollTop = document.getElementById(DivNm).scrollTop;
}
}
Script>
TABLEtitle>
<link rel="stylesheet" type="text/css" href="styles.css">
head>
<body>
<h:form>
<font size="2" color="black"
style="position:absolute; left: 35; top: 5; width:200; height:20">
<h:outputText value="Please Enter:" /> font>
<h:inputText value="" size="20"
style="position:absolute; left: 110; top: 5; width:150; height:20" />
<h:commandButton value="Search" action=""
style="position:absolute; left: 270; top: 5; width:50; height:20" />
<table BORDER=0
STYLE="POSITION: ABSOLUTE; LEFT: 0px; TOP: 30px; right: 0px; bottom: 0px;">
<tr>
<td STYLE="text-align: right;">
td>
<td>
<Div ID="Table2"
STYLE="position: relative; top: 0; border-left: 0.5pt solid black;
border-right: 0.5pt solid black; height: 17.75px; width: 285px; overflow-x: hidden;">
<h:dataTable value="#{myBean.myHeader}" var="myHeader"
binding="#{myBean.headerDataTable}" bgcolor="white" border="1"
cellspacing="1" rendered="true" styleClass="orders"
headerClass="ordersHeader" rowClasses="evenColumn,oddColumn"
style="position:absolute; left: 0; top: 0;
width: 100; height: 10; border-collapse:collapse;"
id="ree">
h:dataTable>
Div>
td>
tr>
<tr>
<td STYLE="vertical-align: top;">
<Div ID="Table3"
STYLE="border-bottom: 0.5pt solid black; border-top: 0.5pt solid black;
width: 25.5px; height: 265px; overflow-y: hidden; position: relative; left: 0;">
<h:dataTable value="#{myBean.myNum}" var="myNum"
binding="#{myBean.numDataTable}" bgcolor="white" border="1"
cellspacing="1" rendered="true" styleClass="orders"
headerClass="ordersHeader" rowClasses="evenColumn,oddColumn"
style="position:absolute; left: 0; top: 0; width: 32; height: 5; border-collapse:collapse;"
id="dee">
h:dataTable>
Div>
td>
<td STYLE="vertical-align: top;">
<Div ID="Table4" onScroll="f_scroll('Table2','Table3','Table4');"
STYLE="height: 281px; width: 300px; overflow-y: scroll; overflow-x: scroll;">
<h:dataTable value="#{myBean.myList}" var="myItem"
binding="#{myBean.dynamicDataTable}" bgcolor="white" border="1"
cellspacing="1" rendered="true" styleClass="orders"
headerClass="ordersHeader" rowClasses="evenColumn,oddColumn"
style="position:absolute; left: 0; top: 0; width: 100; height: 5; border-collapse:collapse;">
h:dataTable>
Div>
td>
tr>
table>
h:form>
body>
f:view>
html></pre><p>到此，关于“JSF如何动态生成固定表头和行标的DataTable”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注创新互联网站，小编会继续努力为大家带来更多实用的文章！</p>
<br>
网页名称：JSF如何动态生成固定表头和行标的DataTable <br>
文章来源：<a href="http://bzwzjz.com/article/gddhep.html">http://bzwzjz.com/article/gddhep.html</a>
</div>
</div>
<div class="other">
<h3>其他资讯</h3>
<ul>
<li>
<a href="/article/pheehc.html">c语言停止运行代码的函数,C语言停止程序</a>
</li><li>
<a href="/article/pheeii.html">python函数功能扩展,python具有可扩展的特性</a>
</li><li>
<a href="/article/pheich.html">位置默认函数python,默认定位方式是什么</a>
</li><li>
<a href="/article/pheicj.html">jquery让标签隐藏,jquery控制元素显示和隐藏</a>
</li><li>
<a href="/article/pheids.html">windows系统软件盘的简单介绍</a>
</li> </ul>
</div>
</div>
<div class="footer2">
Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号 <br />友情链接：
<a href="http://m.cdcxhl.cn/H5/" target="_blank">响应式网站建设 </a><a href="https://www.cdcxhl.com/waimao.html" target="_blank">外贸网站建设 </a><a href="http://www.cxjianzhan.com/" target="_blank">成都网站建设公司 </a><a href="http://www.lzwzjz.cn/" target="_blank">泸州网站建设 </a><a href="http://chengdu.cdcxhl.com/" target="_blank">营销型网站建设 </a><a href="http://chengdu.cdcxhl.com/" target="_blank">成都网站建设 </a><a href="https://www.cdxwcx.com/wangzhan/gaiban.html" target="_blank">网站建设改版 </a><a href="https://www.cdcxhl.com/pinpai.html" target="_blank">高端网站设计 </a><a href="http://chengdu.xwcx.net/mobile/" target="_blank">手机网站建设套餐 </a><a href="http://chengdu.cdcxhl.cn/seo/" target="_blank">营销网站建设 </a><a href="http://www.cxjianzhan.com/" target="_blank">成都网站制作 </a><a href="http://www.cdweb.net/" target="_blank">成都网站建设 </a><a href="http://www.cdxwcx.cn/" target="_blank">成都网站制作公司 </a><a href="https://www.cdxwcx.com/wangzhan/" target="_blank">成都网站建设 </a><a href="http://www.cdkjz.cn/" target="_blank">网站建设 </a><a href="http://m.cdcxhl.cn/H5/" target="_blank">成都响应式网站建设 </a><a href="http://chengdu.cdcxhl.cn/jianshe/" target="_blank">成都网站建设公司 </a><a href="http://www.cxjianzhan.com/baojia/" target="_blank">网站建设费用 </a><a href="http://chengdu.cdcxhl.cn/qiye/" target="_blank">企业网站制作 </a><a href="http://chengdu.cdcxhl.cn/" target="_blank">成都网站设计 </a><a href="http://www.cqwzjz.cn/" target="_blank">重庆网站建设 </a><a href="http://www.cxjianzhan.com/" target="_blank">网站制作公司 </a></div>
</body>
</html>
<script src="/Public/Home/js/wow.min.js"></script>
<script>
if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
new WOW().init();
};
</script>
<div class="sidebar">
<ul>
<li><a href="http://wpa.qq.com/msgrd?v=3&uin=244261566&site=www.bzwzjz.com&menu=yes" target="_blank"><img src="/Public/Home/images/right_qq.png" /></a></li>
<li><a href="http://wpa.qq.com/msgrd?v=3&uin=1683211881&site=www.bzwzjz.com&menu=yes" target="_blank"><img src="/Public/Home/images/qq.png" /></a></li>
<li class="tel"><a href="tel:028-86922220"><img src="/Public/Home/images/right_tel.png" /></a></li>
<div class="wx">
<span class="weixin"><img src="/Public/Home/images/weixin.jpg"><br> 微信扫一扫在线咨询</span>
</div>
<li><a class="fx" href="#hero"><img src="/Public/Home/images/right_up.png" /></a></li>
</ul>
</div>
<script type="text/javascript">
$(function () {
$('.sidebar .fx').click(function () {
$('html,body').animate({
scrollTop: '0px'
}, 800);
});
});
</script>
<script type="text/javascript">
$(document).ready(function () {
$("#fancybox-manual-b").click(function () {
$.fancybox.open({
href: 'map.html',
type: 'iframe',
padding: 5
});
})
});
</script>
<script>
$(".con img").each(function(){
var src = $(this).attr("src"); //获取图片地址
var str=new RegExp("http");
var result=str.test(src);
if(result==false){
var url = "https://www.cdcxhl.com"+src; //绝对路径
$(this).attr("src",url);
}
});
window.onload=function(){
document.oncontextmenu=function(){
return false;
}
}
</script>
