开发笔记 第586页

[转载]Java：Dom4j下载及使用教程.

要使用dom4j读写XML文档,需要先下载dom4j包,dom4j官方网站在 http://www.dom4j.org/
目前最新dom4j包下载地址:http://nchc.dl.sourceforge.net/sourceforge/dom4j/dom4j-1.6.1.zip

解开后有两个包,仅操作XML文档的话把dom4j-1.6.1.jar加入工程就可以了,如果需要使用XPath的话还需要加入包jaxen-1.1-beta-7.jar.

以下是相关操作:

一.Document对象相关

1.读取XML文件,获得document对象.
SAXReader reader = new SAXReader();
Document  document = reader.read(new File(“input.xml”));

2.解析XML形式的文本,得到document对象.
String text = “<members></members>”;
Document document = DocumentHelper.parseText(text);
3.主动创建document对象.
Document document = DocumentHelper.createDocument();
Element root = document.addElement(“members”);// 创建根节点
二.节点相关

1.获取文档的根节点.
Element rootElm = document.getRootElement();
2.取得某节点的单个子节点.
Element memberElm=root.element(“member”);// “member”是节点名
3.取得节点的文字
String text=memberElm.getText();
也可以用:
String text=root.elementText(“name”);这个是取得根节点下的name字节点的文字.

4.取得某节点下名为”member”的所有字节点并进行遍历.
List nodes = rootElm.elements(“member”);

for (Iterator it = nodes.iterator(); it.hasNext();) {
Element elm = (Element) it.next();
// do something
}
5.对某节点下的所有子节点进行遍历.
for(Iterator it=root.elementIterator();it.hasNext();){
Element element = (Element) it.next();
// do something
}
6.在某节点下添加子节点.
Element ageElm = newMemberElm.addElement(“age”);
7.设置节点文字.
ageElm.setText(“29”);
8.删除某节点.
parentElm.remove(childElm);// childElm是待删除的节点,parentElm是其父节点
三.属性相关.
1.取得某节点下的某属性
Element root=document.getRootElement();
Attribute attribute=root.attribute(“size”);// 属性名name
2.取得属性的文字
String text=attribute.getText();
也可以用:
String text2=root.element(“name”).attributeValue(“firstname”);这个是取得根节点下name字节点的属性firstname的值.

3.遍历某节点的所有属性
Element root=document.getRootElement();
for(Iterator it=root.attributeIterator();it.hasNext();){
Attribute attribute = (Attribute) it.next();
String text=attribute.getText();
System.out.println(text);
}
4.设置某节点的属性和文字.
newMemberElm.addAttribute(“name”, “sitinspring”);
5.设置属性的文字
Attribute attribute=root.attribute(“name”);
attribute.setText(“sitinspring”);
6.删除某属性
Attribute attribute=root.attribute(“size”);// 属性名name
root.remove(attribute);
四.将文档写入XML文件.
1.文档中全为英文,不设置编码,直接写入的形式.
XMLWriter writer = new XMLWriter(new FileWriter(“output.xml”));
writer.write(document);
writer.close();
2.文档中含有中文,设置编码格式写入的形式.
OutputFormat format = OutputFormat.createPrettyPrint();
format.setEncoding(“GBK”);    // 指定XML编码
XMLWriter writer = new XMLWriter(new FileWriter(“output.xml”),format);

writer.write(document);
writer.close();
五.字符串与XML的转换
1.将字符串转化为XML
String text = “<members> <member>sitinspring</member> </members>”;
Document document = DocumentHelper.parseText(text);
2.将文档或节点的XML转化为字符串.
SAXReader reader = new SAXReader();
Document  document = reader.read(new File(“input.xml”));
Element root=document.getRootElement();
String docXmlText=document.asXML();
String rootXmlText=root.asXML();
Element memberElm=root.element(“member”);
String memberXmlText=memberElm.asXML();
六.使用XPath快速找到节点.
读取的XML文档示例
<?xml version=”1.0″ encoding=”UTF-8″?>
<projectDescription>
<name>MemberManagement</name>
<comment></comment>
<projects>
<project>PRJ1</project>
<project>PRJ2</project>
<project>PRJ3</project>
<project>PRJ4</project>
</projects>
<buildSpec>
<buildCommand>
<name>org.eclipse.jdt.core.javabuilder</name>
<arguments>
</arguments>
</buildCommand>
</buildSpec>
<natures>
<nature>org.eclipse.jdt.core.javanature</nature>
</natures>
</projectDescription>

使用XPath快速找到节点project.
public static void main(String[] args){
SAXReader reader = new SAXReader();

try{
Document  doc = reader.read(new File(“sample.xml”));

List projects=doc.selectNodes(“/projectDescription/projects/project”);

Iterator it=projects.iterator();

while(it.hasNext()){
Element elm=(Element)it.next();
System.out.println(elm.getText());
}

}
catch(Exception ex){
ex.printStackTrace();
}
}

[转载]18款适用于开发人员的网页代码编辑器_IT新闻_博客园.

[转载]16篇重要的CSS页面打印技巧_IT新闻_博客园.

很多人喜欢将网页中的重要信息打印出来，但是常常遇到这种情况，网页在浏览器中非常漂亮，打印出来却非常混乱，一些看起来引人注目和五彩缤纷的页面内容，打印出来却差强人意。作为网站设计者，也需要考虑页面对于打印机是否也同样友好。
之前为Web页面创建一个打印机友好的版本意味着要设计一个布局和格式都经过修改的单独页面，这样才能够在打印的时候获得令人满意的效果，而现在不需要这样做。
本文搜集了一些重要的CSS页面打印技巧，可以将打印页面变为打印机友好的版本。这将不仅节省纸张，同时也考虑了打印输出。
1. 打印样式表 – 权威指南

2. 优化你的网站结构以便打印

3. 友好打印使用CSS的图像和Logo

4. CSS技巧：最终获取打印样式表

5. 制作“打印本页”按钮

6. 创建友好打印页面的简单技巧

7. 打印表格

8. 打印样式表：基础知识

9. 7大打印样式表技巧

10. 10个打印样式表技巧

11. 如何制作打印机友好的网页

12. 让您的网站对打印机友好

13. 创建打印CSS样式表需知

14. 改进打印时的链接显示

15. CSS设计：即将打印

16. 完整的CSS打印手册

via http://slodive.com/web-development/css-print-page-tricks/

最近在做一个Delphi的发货清单的打印程序，其中涉及到需要计算清单的小计和总计的功能，文字难以表达清楚，上图吧：

报表第一页的小计计算当前页面的商品价格总和，总计目前和小计一样是计算截止到当前页面的所有商品的金额和，下图为最后一页：

这下大家明白了吧，就是要实现这样的报表。

废话不多说了，开始讲解我的思路：

1.既然要计算小计，就是每页的金额和了，加入ReportMachine的计算文本框（TRMCalcMemoView），然后设置要汇总的字段值为数据字段“factSum”，然后选择计算文本框的属性面板中的“CalcOptions”选中“统计Brand”为要汇总的主项数据，统计类型为“合计（Sum）”，如图所示：

2.最难的部分就是总计的计算，这不能简单的用计算文本框就能解决的，于是不得不用ReportMachine的代码来处理，也就是在总计的文本框的OnBeforePrint事件中计算之前的小计文本框的值的和，然后赋值给总计文本框显示，先看下设计的报表：

红色文字为两项总计的文本框的Name属性值。下面是ReportMachine中自定义的OnBeforePrint事件函数代码如下：

unit Report;
var
   lValue,tValue: Double;//lValue=金额总计 tValue=税额总计

procedure Memo1_OnBeforePrint(Sender: TObject);
begin
    lValue:=lValue+CalcMemo1.CalcValue; //CalcMemo1为金额小计的文本框
    TRMMemoView(Sender).Memo.Text := lValue;
end;
procedure Memo40_OnBeforePrint(Sender: TObject);
begin
    tValue:=tValue+CalcMemo2.CalcValue;//CalcMemo2为税额小计的文本框
    TRMMemoView(Sender).Memo.Text := tValue;
end;

procedure Main;
begin
   Memo1.OnBeforePrint:= Memo1_OnBeforePrint; //指定金额总计的文本框的OnBeforePrint事件的处理函数
   Memo40.OnBeforePrint:= Memo40_OnBeforePrint;//指定税额总计的文本框的OnBeforePrint事件的处理函数
end;

end.

上面的代码先声明了两个事件函数用于计算两个累加的总计的值，然后赋值给相应的总计文本框；然后再Main中指定给总计文本框的事件，这样当打印总计之前先汇总赋值并打印。

[转载]擦亮自己的眼睛去看SQLServer之简单Insert – 小军人 – 博客园.

本来是打算先写SQLServer历史的，不过感觉写那部分内容比较难还需要多查些资料。于是调整了下顺序写下简单的Insert语句。数据库结构还是采用上一篇的结构。具体查看上一篇文章擦亮自己的眼睛去看SQLServer之简单Select。今天讨论的语句也比较简单，Insert语句。

一、Insert脚本

insert into Test([Name]) values(‘xiaojun’)

没什么好说的，因为想写这样的语句太简单。

二、 语句分析

这条语句到底发生了什么呢？假设读者已经知道了SQLServer整体架构或者已经阅读过这个系列第一篇文章。当这条语句被可靠的传递到关系引擎中后已经生成执行计划，并且开始被调度执行。接下来就发生了：

[转载]SQL Server表分区(一):基础知识和实现方式 – James.H.Fu – 博客园.

2、如何实现表分区？
1)确定分区策略，即划分数据的逻辑规则。比如将整形值小于100的数据放在一个分区上，将大于等于100的数据放在第二个
分区上，等等。
SQL Server中的使用分区函数来实现分区策略：

CREATE PARTITION FUNCTION PF_Order(DATETIME)
AS RANGE RIGHT FOR VALUES
('20090101','20100101','20110101')

2)确定分区存储架构，即划分数据的物理存储规则。最终分区可以存储在主文件组，即.mdf文件中，也可以存储在非主文件组，
即.ndf文件中。
SQL Server中的使用分区架构来实现分区存储架构：

CREATE PARTITION SCHEME PS_Order
AS PARTITION PF_Order
TO ([FG1],[FG2],[FG3],[FG4])

3）将表创建在分区存储架构上，并指定使用哪一列做为划分数据的依据。注意做为划分数据依据的列必须在聚集索引中
在更新数据时，SQL Server首先使用列的数据做为参数调用分区函数确定应该将该数据存储在哪个文件组（逻辑分区），
然后将数据写入文件组对应的物理文件中。

SQL Server中创建分区表:

CREATE TABLE dbo.[Order]
(
OrderID BIGINT IDENTITY(1,1),
OrderDate DATETIME NOT NULL,
CONSTRAINT PK_Order_OrderID_OrderDate PRIMARY KEY CLUSTERED(OrderID,OrderDate)
)
ON PS_Order(OrderDate)

下面是详细的示例代码：

--表分区测试代码
USE [master]
GO

--创建具有多个文件组的测试数据库
IF EXISTS(SELECT 1 FROM sys.databases WHERE [name]=N'TestTablePartitionDB')
BEGIN
    DROP DATABASE [TestTablePartitionDB]
END

CREATE DATABASE [TestTablePartitionDB]
ON PRIMARY
(
Name='PrimaryFG',
FileName='D:\Test\TablePartition\TestTablePartitionDB.mdf',
Size=5,
FileGrowth=1
),
FILEGROUP [FG1]
(
Name='FG1',
FileName='D:\Test\TablePartition\FG1.ndf',
Size=5,
FileGrowth=1
),
FILEGROUP [FG2]
(
Name='FG2',
FileName='D:\Test\TablePartition\FG2.ndf',
Size=5,
FileGrowth=1
),
FILEGROUP [FG3]
(
Name='FG3',
FileName='D:\Test\TablePartition\FG3.ndf',
Size=5,
FileGrowth=1
),
FILEGROUP [FG4]
(
Name='FG4',
FileName='D:\Test\TablePartition\FG4.ndf',
Size=5,
FileGrowth=1
)

USE TestTablePartitionDB
GO

--创建分区函数
CREATE PARTITION FUNCTION PF_Order(DATETIME)
AS RANGE LEFT FOR VALUES
('20090101','20100101','20110101')

--创建分区架构
CREATE PARTITION SCHEME PS_Order
AS PARTITION PF_Order
TO([FG1],[FG2],[FG3],[FG4])

--创建分区表
CREATE TABLE dbo.[Order]
(
OrderID BIGINT IDENTITY(1,1),
OrderDate DATETIME NOT NULL,
CONSTRAINT PK_Order_OrderID_OrderDate PRIMARY KEY CLUSTERED(OrderID,OrderDate)
)
ON PS_Order(OrderDate)

--测试数据的逻辑分区是哪个
SELECT $PARTITION.PF_Order('20090101')

--测试分区表的分区情况
SELECT partition_number,rows
FROM sys.partitions
WHERE [object_id]=object_id(N'dbo.[Order]')

--Drop index MyTable_IXC on MyTable with (Move To [Data Partition Scheme] (ID) )

[转载]八大Android土鳖设计 | 优涩控.

[转载]程序员常犯的5个非技术性错误 – 职场博客 – 伯乐在线.

一个好的软件开发人员需要培养两种技能：技术技能和非技术技能。不幸的是一些开发者只注重技术的部分，以致养成一些陋习，下面是最常犯的5个非技术性错误：

0. 缺乏自律

Jim Rohn曾经说过：自律是目标和成果之间的桥梁。我一直认为，不论是成为一名软件开发人员，亦或是想在生活的其它任何领域取得成功，自律都是最珍贵的技能之一。事实上，很少有人兼具智慧和自律。

Steve Pavlina强调了自律的5个基本原则“……容忍（Acceptance)、毅力（Willpower）、努力（Hard Work）、勤勉（Industry）以及坚持不懈（Persistence）。将每一个单词的首字母提出，构成一个缩略词：鞭子（A WHIP）。这样更便于记忆，因为很多人总是把自律和鞭策自我联系在一起。……” 我力荐大家阅读Steve Pavlina写的关于自律的一系列文章。

正如我以前的文章每天写出好代码的5个建议中解释的一样，对于自律，我的个人做法是每天遵循以下步骤

• 将一天要做的事情列成清单。
• 一次只做一件事。
• 正确做事。
• 不要半途而废。
• 与其道歉，不如补救，而放弃最不可取。

1. 自我意识过甚

据我的经验，程序员有点自我意识过甚，但凡过于自我的人都很难意识到这点，以下几个指标可以帮助你认识到自己是否自我意识过甚。

网上有很多关于程序员及其自我主义的文章，我在此推荐两篇，一篇是来自Mike Bernat的《无私的程序设计（Egoless programmin）》，另一篇是来自stackoverflow.com与此相关的讨论“你如何控制自大”。

2. 不善沟通交流

Woodrow Wilson说：“我若要说上十分钟，须花一个星期准备；若是十五分钟，需三天；若是半个小时，需两天；若是一个小时，我现在就能准备好。”

沟通是我们人类的主要活动。做一个优秀的交流者，这不容易，但就我们的职业而言，却是必不可少的技能。对于设计、代码、同行评估、文档编写、试着去说服别人自己的设计是最好的、编写代码等等，我们总在交流意见。

擅长沟通的人通常会像这样阐述事情：

• 专注。他们只说需要理解的内容
• 清晰。容易理解。
• 简洁。增一分则太过，减一分则不足。

对成为一个更好的沟通者，我有两个建议：

• 如果自认不是个好的沟通者，事先做好充分的准备直到达到集中、清晰、简洁的要求
• 交谈之中，首先倾听，思考妥当后再说出自己的看法。

在我先前发布的文章《在开发团队中做出决定的七个最佳惯例》中，有更多关于提高交际能力的小窍门。

3. 忽略用户

“如果我们不关心用户，自有他人关心。”你在此的唯一原因就是服务用户，但有时候很容易忘记这一信条。我曾经所在的团队只注重于技术和平台，而不是令 用户满意。我们花费一个多月的时间创造一个构架，却未能给用户带来任何价值；到开始使用的时候，我们发现它完全不适应用户的需要。

4. 不能合理安排工作

开发者们总是为自己镀金，他们研究新的或更有趣的技术；做所有觉得更酷的工程处理方法。这样无疑妨碍到了项目，但我并不是说时不时投入到旁的活动中是 不正常的。诚然我们都需要分散注意力，但是你若发现自己老是处于前面所提到的状态，那么你有必要重新考虑自己优先处理工作的方式。我再次推荐你读每天写出好代码的5个建议这篇文章。

最近在读《观止》里面又说道微软在开发NT操作系统的时候，开发最后采用了“吃自己做的狗粮”的开发方法，也就是在自己开发的NT操作系统上继续开发NT，同时修复使用中的Bug。

看到这儿突然冒出个想法，我们平时开发程序为什么不能采用这样的开发方式，现在的敏捷开发只不过是先出雏形，然后迭代的添加功能、交付功能给用户使用，为什么我们不能吃自己做的狗粮，然后迭代的开发程序呢？！

分析这种开发模式需要做的几点要求：

1、快速开发出基本功能：

先利用敏捷方式开发出一个原型，并定义一种脚本语言，这种脚本语言类似JavaScript、ActionScript

2、使用开发原型然后利用脚本语言进行接下来的开发功能

3、Bug管理系统的辅助

4、版本的控制管理

[转载]锁定表头和固定列(Fixed table head and columns) – ☆磊☆ – 博客园.

前段时间需要这个功能，但是找了很多都不能完美的实现，不是只能锁定表头，就是浏览器兼容问题什么的，在此就自己做了一个锁定表头和列的js方法，依赖于JQuery。

因为方法很简单，就未封装成插件的形式，仅仅以代码方式发布。这里把自己做的方式写出来，以资纪念。

支持IE6+，FF3.6+，Opera9+，Chrome9+

一、实现方式

这里的准备使用4个table实现，具体如下图：

上图红色部分为要取出来的部分，蓝色部分为拼接后可以看到的部分。最终结果如下图

实现后效果：

二、整体的框架

1、最下面的是原始的Table。

2、用左边的table覆盖在上层，命名为tableColumn。

3、用上部的table覆盖在更上层，命名为tableHead。

4、在左上角覆盖固定不动的table，命名为tableFix。

自然在各自的外层都要用div框起来，以便后面的浮动和覆盖等等，所以结构的html如下：

<div id="MyTable_tableLayout">
	<div id="MyTable_tableFix">
		<table id="MyTable_tableFixClone" border="1" cellspacing="0" cellpadding="0"></table>
	</div>
	<div id="MyTable_tableHead">
		<table id="MyTable_tableHeadClone" border="1" cellspacing="0" cellpadding="0"></table>
	</div>
	<div id="MyTable_tableColumn">
		<table id="MyTable_tableColumnClone" border="1" cellspacing="0" cellpadding="0"></table>
	</div>
	<div id="MyTable_tableData">
		<table id="MyTable" border="1" cellspacing="0" cellpadding="0"></table>
	</div>
</div>

三、代码实现

整体框架结构出来后，下面要做的就是确定每个区域的高度，宽度，定位就算完成了。

首先确定下调用接口，调用时已经有table了，我们希望很简单的一行js即可高定，就用了一个方法实现。由于使用项目中table线宽全部都是1，所以未考虑其他线宽问题。

function FixTable(TableID, FixColumnNumber, width, height)

第一个参数：table的ID，第二个参数：要锁定的列数目，第三个参数：显示的宽度，第四个参数：显示的高度。

（一）首先创建上面所诉的框架出来：

			if ($("#" + TableID + "_tableLayout").length != 0) {
				$("#" + TableID + "_tableLayout").before($("#" + TableID));
				$("#" + TableID + "_tableLayout").empty();
			}
			else {
				$("#" + TableID).after("<div id='" + TableID + "_tableLayout' style='overflow:hidden;height:" + height + "px; width:" + width + "px;'></div>");
			}
 
			$('<div id="' + TableID + '_tableFix"></div>'
			+ '<div id="' + TableID + '_tableHead"></div>'
			+ '<div id="' + TableID + '_tableColumn"></div>'
			+ '<div id="' + TableID + '_tableData"></div>').appendTo("#" + TableID + "_tableLayout");
 
 
			var oldtable = $("#" + TableID);
 
			var tableFixClone = oldtable.clone(true);
			tableFixClone.attr("id", TableID + "_tableFixClone");
			$("#" + TableID + "_tableFix").append(tableFixClone);
			var tableHeadClone = oldtable.clone(true);
			tableHeadClone.attr("id", TableID + "_tableHeadClone");
			$("#" + TableID + "_tableHead").append(tableHeadClone);
			var tableColumnClone = oldtable.clone(true);
			tableColumnClone.attr("id", TableID + "_tableColumnClone");
			$("#" + TableID + "_tableColumn").append(tableColumnClone);
			$("#" + TableID + "_tableData").append(oldtable);
 
			$("#" + TableID + "_tableLayout table").each(function () {
				$(this).css("margin", "0");
			});

（二）计算tableFix，tableHead的高度：

			var HeadHeight = $("#" + TableID + "_tableHead thead").height();
			HeadHeight += 2;
			$("#" + TableID + "_tableHead").css("height", HeadHeight);
			$("#" + TableID + "_tableFix").css("height", HeadHeight);

（三）计算tableFix，tableColumn的宽度：

			var ColumnsWidth = 0;
			var ColumnsNumber = 0;
			$("#" + TableID + "_tableColumn tr:last td:lt(" + FixColumnNumber + ")").each(function () {
				ColumnsWidth += $(this).outerWidth(true);
				ColumnsNumber++;
			});
			ColumnsWidth += 2;
			if ($.browser.msie) {
				switch ($.browser.version) {
					case "7.0":
						if (ColumnsNumber >= 3) ColumnsWidth--;
						break;
					case "8.0":
						if (ColumnsNumber >= 2) ColumnsWidth--;
						break;
				}
			}
			$("#" + TableID + "_tableColumn").css("width", ColumnsWidth);
			$("#" + TableID + "_tableFix").css("width", ColumnsWidth);

（四）为tableHead和tableColumn添加联动的滚动条事件：

			$("#" + TableID + "_tableData").scroll(function () {
				$("#" + TableID + "_tableHead").scrollLeft($("#" + TableID + "_tableData").scrollLeft());
				$("#" + TableID + "_tableColumn").scrollTop($("#" + TableID + "_tableData").scrollTop());
			});

（五）为整体添加样式，定位：

			$("#" + TableID + "_tableFix").css({ "overflow": "hidden", "position": "relative", "z-index": "50", "background-color": "Silver" });
			$("#" + TableID + "_tableHead").css({ "overflow": "hidden", "width": width - 17, "position": "relative", "z-index": "45", "background-color": "Silver" });
			$("#" + TableID + "_tableColumn").css({ "overflow": "hidden", "height": height - 17, "position": "relative", "z-index": "40", "background-color": "Silver" });
			$("#" + TableID + "_tableData").css({ "overflow": "scroll", "width": width, "height": height, "position": "relative", "z-index": "35" });
 
			$("#" + TableID + "_tableFix").offset($("#" + TableID + "_tableLayout").offset());
			$("#" + TableID + "_tableHead").offset($("#" + TableID + "_tableLayout").offset());
			$("#" + TableID + "_tableColumn").offset($("#" + TableID + "_tableLayout").offset());
			$("#" + TableID + "_tableData").offset($("#" + TableID + "_tableLayout").offset());

（六）为较小的table修正样式：

			if ($("#" + TableID + "_tableHead").width() > $("#" + TableID + "_tableFix table").width()) {
				$("#" + TableID + "_tableHead").css("width", $("#" + TableID + "_tableFix table").width());
				$("#" + TableID + "_tableData").css("width", $("#" + TableID + "_tableFix table").width() + 17);
			}
			if ($("#" + TableID + "_tableColumn").height() > $("#" + TableID + "_tableColumn table").height()) {
				$("#" + TableID + "_tableColumn").css("height", $("#" + TableID + "_tableColumn table").height());
				$("#" + TableID + "_tableData").css("height", $("#" + TableID + "_tableFix table").height() + 17);
			}

完整代码如下:

function FixTable(TableID, FixColumnNumber, width, height) {
	/// <summary>
	///     锁定表头和列
	///     <para> sorex.cnblogs.com </para>
	/// </summary>
	/// <param name="TableID" type="String">
	///     要锁定的Table的ID
	/// </param>
	/// <param name="FixColumnNumber" type="Number">
	///     要锁定列的个数
	/// </param>
	/// <param name="width" type="Number">
	///     显示的宽度
	/// </param>
	/// <param name="height" type="Number">
	///     显示的高度
	/// </param>
	if ($("#" + TableID + "_tableLayout").length != 0) {
		$("#" + TableID + "_tableLayout").before($("#" + TableID));
		$("#" + TableID + "_tableLayout").empty();
	}
	else {
		$("#" + TableID).after("<div id='" + TableID + "_tableLayout' style='overflow:hidden;height:" + height + "px; width:" + width + "px;'></div>");
	}

	$('<div id="' + TableID + '_tableFix"></div>'
	+ '<div id="' + TableID + '_tableHead"></div>'
	+ '<div id="' + TableID + '_tableColumn"></div>'
	+ '<div id="' + TableID + '_tableData"></div>').appendTo("#" + TableID + "_tableLayout");


	var oldtable = $("#" + TableID);

	var tableFixClone = oldtable.clone(true);
	tableFixClone.attr("id", TableID + "_tableFixClone");
	$("#" + TableID + "_tableFix").append(tableFixClone);
	var tableHeadClone = oldtable.clone(true);
	tableHeadClone.attr("id", TableID + "_tableHeadClone");
	$("#" + TableID + "_tableHead").append(tableHeadClone);
	var tableColumnClone = oldtable.clone(true);
	tableColumnClone.attr("id", TableID + "_tableColumnClone");
	$("#" + TableID + "_tableColumn").append(tableColumnClone);
	$("#" + TableID + "_tableData").append(oldtable);

	$("#" + TableID + "_tableLayout table").each(function () {
		$(this).css("margin", "0");
	});


	var HeadHeight = $("#" + TableID + "_tableHead thead").height();
	HeadHeight += 2;
	$("#" + TableID + "_tableHead").css("height", HeadHeight);
	$("#" + TableID + "_tableFix").css("height", HeadHeight);


	var ColumnsWidth = 0;
	var ColumnsNumber = 0;
	$("#" + TableID + "_tableColumn tr:last td:lt(" + FixColumnNumber + ")").each(function () {
		ColumnsWidth += $(this).outerWidth(true);
		ColumnsNumber++;
	});
	ColumnsWidth += 2;
	if ($.browser.msie) {
		switch ($.browser.version) {
			case "7.0":
				if (ColumnsNumber >= 3) ColumnsWidth--;
				break;
			case "8.0":
				if (ColumnsNumber >= 2) ColumnsWidth--;
				break;
		}
	}
	$("#" + TableID + "_tableColumn").css("width", ColumnsWidth);
	$("#" + TableID + "_tableFix").css("width", ColumnsWidth);


	$("#" + TableID + "_tableData").scroll(function () {
		$("#" + TableID + "_tableHead").scrollLeft($("#" + TableID + "_tableData").scrollLeft());
		$("#" + TableID + "_tableColumn").scrollTop($("#" + TableID + "_tableData").scrollTop());
	});

	$("#" + TableID + "_tableFix").css({ "overflow": "hidden", "position": "relative", "z-index": "50", "background-color": "Silver" });
	$("#" + TableID + "_tableHead").css({ "overflow": "hidden", "width": width - 17, "position": "relative", "z-index": "45", "background-color": "Silver" });
	$("#" + TableID + "_tableColumn").css({ "overflow": "hidden", "height": height - 17, "position": "relative", "z-index": "40", "background-color": "Silver" });
	$("#" + TableID + "_tableData").css({ "overflow": "scroll", "width": width, "height": height, "position": "relative", "z-index": "35" });

	$("#" + TableID + "_tableFix").offset($("#" + TableID + "_tableLayout").offset());
	$("#" + TableID + "_tableHead").offset($("#" + TableID + "_tableLayout").offset());
	$("#" + TableID + "_tableColumn").offset($("#" + TableID + "_tableLayout").offset());
	$("#" + TableID + "_tableData").offset($("#" + TableID + "_tableLayout").offset());

	if ($("#" + TableID + "_tableHead").width() > $("#" + TableID + "_tableFix table").width()) {
		$("#" + TableID + "_tableHead").css("width", $("#" + TableID + "_tableFix table").width());
		$("#" + TableID + "_tableData").css("width", $("#" + TableID + "_tableFix table").width() + 17);
	}
	if ($("#" + TableID + "_tableColumn").height() > $("#" + TableID + "_tableColumn table").height()) {
		$("#" + TableID + "_tableColumn").css("height", $("#" + TableID + "_tableColumn table").height());
		$("#" + TableID + "_tableData").css("height", $("#" + TableID + "_tableFix table").height() + 17);
	}
}