Firstname
Lastname
Peter
Griffin
Lois
Griffin
 
 
// ============================= ================== //
 
$(document).ready(function() {
 
//$('body').html('
 
Firstname
Lastname
Peter
Griffin
Lois
Griffin
');
 
$('#btnExpCol').click(function() {
 
if ($(this).val() == 'Collapse') {
 
$('#divTest').stop().slideUp('3000');
 
$(this).val('Expand');
 
} else {
 
$('#divTest').stop().slideDown('3000');
 
$(this).val('Collapse');
 
}
 
});
 
//$('#tblTest').find('.Highlight').live('click', function() {
 
// $(this).toggleClass('Red');
 
//});
 
$('#tblTest').find('.Highlight').click(function() {
 
$(this).toggleClass('Red');
 
});
 
$('#tblTest').find('.Highlight').live({
 
mouseenter: function() {
 
$(this).addClass('Blue');
 
},
 
mouseleave: function() {
 
$(this).removeClass('Blue');
 
}
 
});
 
});

想在docx表格中插入图
 使表格框线设置为白色，即隐藏。
 
以下代码为设置框线
 参考：http://officeopenxml.com/WPtableBorders.php
 

from docx.oxml import OxmlElement
from docx.oxml.ns import qn

def set_cell_border(cell, **kwargs):
    """
    Set cell`s border
    Usage:
    set_cell_border(
        cell,
        top={"sz": 12, "val": "single", "color": "#FF0000", "space": "0"},
        bottom={"sz": 12, "color": "#00FF00", "val": "single"},
        left={"sz": 24, "val": "dashed", "shadow": "true"},
        right={"sz": 12, "val": "dashed"},
    )
    """
    tc = cell._tc
    tcPr = tc.get_or_add_tcPr()

    # check for tag existnace, if none found, then create one
    tcBorders = tcPr.first_child_found_in("w:tcBorders")
    if tcBorders is None:
        tcBorders = OxmlElement('w:tcBorders')
        tcPr.append(tcBorders)

    # list over all available tags
    for edge in ('left', 'top', 'right', 'bottom', 'insideH', 'insideV'):
        edge_data = kwargs.get(edge)
        if edge_data:
            tag = 'w:{}'.format(edge)

            # check for tag existnace, if none found, then create one
            element = tcBorders.find(qn(tag))
            if element is None:
                element = OxmlElement(tag)
                tcBorders.append(element)

            # looks like order of attributes is important
            for key in ["sz", "val", "color", "space", "shadow"]:
                if key in edge_data:
                    element.set(qn('w:{}'.format(key)), str(edge_data[key]))
 
以下为全代码。首先读取doc文件和目录，写进列表，如果文件与目录同名，则把目录下的4张图放进一个3行*2列的表格中，前两行里合并为一行，最后一行两个图，并设置框线为白色，隐藏起来，
 
from docx import Document    #pip3 install python-docx 
from docx.shared import Inches #英寸
import os  

#from docx import Document
from docx.shared import Pt
from docx.enum.text import WD_PARAGRAPH_ALIGNMENT
from docx.shared import Cm #厘米
from docx.shared import RGBColor


from docx.enum.table import WD_TABLE_ALIGNMENT  #表格排列方式
from docx.enum.table import WD_ALIGN_VERTICAL
from docx.enum.text import WD_ALIGN_PARAGRAPH

from natsort import natsorted   #自然排序



from docx.oxml import OxmlElement
from docx.oxml.ns import qn

def set_cell_border(cell, **kwargs):
    """
    Set cell`s border
    Usage:
    set_cell_border(
        cell,
        top={"sz": 12, "val": "single", "color": "#FF0000", "space": "0"},
        bottom={"sz": 12, "color": "#00FF00", "val": "single"},
        left={"sz": 24, "val": "dashed", "shadow": "true"},
        right={"sz": 12, "val": "dashed"},
    )
    """
    tc = cell._tc
    tcPr = tc.get_or_add_tcPr()

    # check for tag existnace, if none found, then create one
    tcBorders = tcPr.first_child_found_in("w:tcBorders")
    if tcBorders is None:
        tcBorders = OxmlElement('w:tcBorders')
        tcPr.append(tcBorders)

    # list over all available tags
    for edge in ('left', 'top', 'right', 'bottom', 'insideH', 'insideV'):
        edge_data = kwargs.get(edge)
        if edge_data:
            tag = 'w:{}'.format(edge)

            # check for tag existnace, if none found, then create one
            element = tcBorders.find(qn(tag))
            if element is None:
                element = OxmlElement(tag)
                tcBorders.append(element)

            # looks like order of attributes is important
            for key in ["sz", "val", "color", "space", "shadow"]:
                if key in edge_data:
                    element.set(qn('w:{}'.format(key)), str(edge_data[key]))

  
path=input('输入整理路径：  ')

jpglists=[]
if path=="":
    path=os.getcwd()
#print(path)

dirlists=[]
for file in os.listdir(path):
    #print(file)
    filename=os.path.join(path,file)
    #print(filename)
    if os.path.isdir(filename):
        dirlists.append(filename)
print(dirlists)
# exit()
for dirlist in dirlists:
    if not os.path.exists(dirlist+".doc"):
        print("目录存在，无对应文件{}  存在，忽略....".format(dirlist+".doc"))
        pass
    else:
        path1=os.path.join(path,dirlist)
        print('path1-----',path1)
        # exit()
        jpglists=[]
        for file in os.listdir(path1):
            #print(file)
            if os.path.splitext(file)[1].lower() in '.emf|.wmf|.jpg|.jpeg|.jfif|.jpe|.png|.bmp|.dib|.rle|.gif|.emz|.wmz|.tiff|.tiff|.svg|.ico':
                jpglists.append(file)
        jpglists=natsorted(jpglists)
        #print(jpglists)

        

        document = Document(dirlist+".doc")
        rownums=int(len(jpglists)-1)
        # if len(jpglists)%2==0:
            
        # else:
        #     rownums=int(len(jpglists)/2+1)

        #print('设表格行',rownums)
        if len(jpglists)!=0:
        #插入表格   表格是从1，0开始，第一行就是1，列是从0开始，NND
            table = document.add_table(rows=rownums,cols=2,style ='Table Grid')
            for rownum in range(rownums):
                table.rows[rownum].height=Cm(7)

                cell=table.cell(rownum,0)
                # if rownum==0:
                #     cell.add_paragraph('附***照片\n')
                p=cell.paragraphs[-1]
                cell.paragraphs[-1].alignment = WD_PARAGRAPH_ALIGNMENT.CENTER   #水平 居中
                cell.vertical_alignment = WD_ALIGN_VERTICAL.CENTER #竖直居中


                if rownum==0:
                    jpghid=19.3
                elif rownum==2:
                    jpghid=9.2
                else:
                    jpghid=12.2

                run = p.add_run()

                run.add_picture(os.path.join(path1,jpglists[int(rownum)]), height=Cm(jpghid))  # ,width=Cm(jpgwid))
                #print('写入',str(rownum),"0",os.path.join(path1,jpglists[int((rownum)*2)]))
                set_cell_border(cell,
                    top={"sz": 12 ,"val": "single", "color": "FFFFFF", "space": "0"},
                    bottom={"sz":12, "color": "FFFFFF", "val": "single"},
                    left={"sz":12 , "val": "dashed", "color": "FFFFFF","shadow": "true"},
                    right={"sz": 10, "color": "FFFFFF","val": "dashed"},
                    insideH={"color": "FFFFFF"},)

                if rownum==0:
                    cell.add_paragraph('钻孔柱状图')
                    cell.paragraphs[-1].alignment = WD_PARAGRAPH_ALIGNMENT.CENTER
                if rownum==1:
                    cell.add_paragraph('经纬度截图')
                    cell.paragraphs[-1].alignment = WD_PARAGRAPH_ALIGNMENT.CENTER
                if rownum==2:
                    cell.add_paragraph('照片1 现场照片')
                    cell.paragraphs[-1].alignment = WD_PARAGRAPH_ALIGNMENT.CENTER
                    # jpghid=9.2

                if rownum==rownums-1:
                    cell=table.cell(rownum,1)
                    p=cell.paragraphs[0]
                    cell.paragraphs[0].alignment = WD_PARAGRAPH_ALIGNMENT.CENTER   #水平 居中
                    cell.vertical_alignment = WD_ALIGN_VERTICAL.CENTER #竖直居中
                    run = p.add_run()
                    run.add_picture(os.path.join(path1,jpglists[int((rownum)+1)]), height=Cm(jpghid))  #width=Cm(7.02)) # ,height=Cm(3.95))
                    #print('写入',str(rownum),"1",os.path.join(path1,jpglists[int((rownum)*2)+1]))
                    cell.add_paragraph('照片2 现场照片')
                    cell.paragraphs[-1].alignment = WD_PARAGRAPH_ALIGNMENT.CENTER
                    set_cell_border(cell,
                    top={"sz": 12 ,"val": "single", "color": "FFFFFF", "space": "0"},
                    bottom={"sz":12, "color": "FFFFFF", "val": "single"},
                    left={"sz":12 , "val": "dashed", "color": "FFFFFF","shadow": "true"},
                    right={"sz": 10, "color": "FFFFFF","val": "dashed"},
                    insideH={"color": "FFFFFF"},)
                else:
                
                    cell.merge(table.cell(rownum,1))  # 合并单元格

            # table.cell(r,c).vertical_alignment = WD_ALIGN_VERTICAL.CENTER

            # WD_ALIGN_VERTICAL.TOP|WD_ALIGN_VERTICAL.BOTTOM



        #table.cells0[0].add_paragraph('院（系）\n')
        #p = document.add_paragraph('This is paragraph')


        #合并表格
        #table.cell(0,0).merge(table.cell(2,2)) 

        #table.cols[0].weight=Cm(7.51)

        # for jpglist in jpglists:
        #     document.add_picture(os.path.join(path1,jpglist), width=Inches(6)) #插入图片
        document.save(dirlist+".docx") #保存文档
        print('保存文件 {}  ........'.format(dirlist+".docx"))
        print()
input('按任意键退出。。。。。。。')        

 尝试 在表格中加 checkbox
 
procedure TfrmSum.dxtSumCustomDrawCell(Sender: TObject;
  ACanvas: TCanvas; ARect: TRect; ANode: TdxTreeListNode;
  AColumn: TdxTreeListColumn; ASelected, AFocused, ANewItemRow: Boolean;
  var AText: String; var AColor: TColor; AFont: TFont;
  var AAlignment: TAlignment; var ADone: Boolean);
const
  CtrlState : array[Boolean] of Integer = (DFCS_BUTTONCHECK,
                                        DFCS_BUTTONCHECK or DFCS_CHECKED);

begin

// DFCS_CHECKED or 0  选中  DFCS_TRANSPARENTor 0  不选中
  if AColumn.Caption = '选择' then
  begin
    ACanvas.FillRect(ARect);
    if  DrawFrameControl(ACanvas.Handle,
                         ARect,
                         DFC_BUTTON,
                         DFCS_CHECKED or 0) then
    begin
      ADone := True;
      AText := 'true';  //修改字段值为 true
    end;

  end;
end;
 
 

 
HTML 表格
 
HTML 表格实例
 
First Name
 
Last Name
 
Points
 
Jill
 
Smith
 
50
 
Eve
 
Jackson
 
94
 
John
 
Doe
 
80
 
Adam
 
Johnson
 
67
 

 
在线实例
 
表格
 
这个例子演示如何在 HTML 文档中创建表格。
 
(可以在本页底端找到更多实例。)
 
HTML 表格
 
表格由
 
标签定义)。字母 td 指表格数据(table data)，即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
HTML 表格的基本结构：
：定义表格
…
 
表格实例
 
实例
 
row 1, cell 1
row 1, cell 2
row 2, cell 1
row 2, cell 2
 
尝试一下 »
 
在浏览器显示如下：
 
row 1, cell 1
 
row 1, cell 2
 
row 2, cell 1
 
row 2, cell 2
 
HTML 表格和边框属性
 
如果不定义边框属性，表格将不显示边框。有时这很有用，但是大多数时候，我们希望显示边框。
 
使用边框属性border来显示一个带有边框的表格：
 
实例
 
Row 1, cell 1
Row 1, cell 2
 
尝试一下 »
 
HTML 表格表头单元格
 
表格的表头单元格使用
标签进行定义。
 
表格的表头单元格属性主要是一些公共属性，如：align、dir、width、height。
 
大多数浏览器会把表头显示为粗体居中的文本：
 
实例
 
Header 1
Header 2
row 1, cell 1
row 1, cell 2
row 2, cell 1
row 2, cell 2
 
尝试一下 »
 
在浏览器显示如下：
 
Header 1
 
Header 2
 
row 1, cell 1
 
row 1, cell 2
 
row 2, cell 1
 
row 2, cell 2
 
表格标题 
 
在
 
注：此标签在较新版本的HTML / XHTML中已弃用
 
实例
 

   这是标题
  
row 1, column 1
row 1, columnn 2
row 2, column 1
row 2, columnn 2
 
尝试一下 »
 
HTML 表格高度和宽度
 
在
 
实例
 
Row 1, Column 1
Row 1, Column 2
Row 2, Column 1
Row 2, Column 2
 
尝试一下 »
 
HTML 表格背景
 
您可以使用以下方法之一设置 HTML 表格的背景
 
bgcolor属性 - 可以为整个表格或仅为一个单元格设置背景颜色。
 
background属性 - 可以为整个表设置背景图像或仅为一个单元设置背景图像。
 
bordercolor属性 - 可以设置边框颜色。
 
注：HTML5 中不推荐使用bgcolor，background和bordercolor属性。不要使用这些属性。
 
实例
 
Column 1
Column 2
Column 3
 
尝试一下 »
 
使用background属性需要提供图像 URL 地址：
 
实例
 
Column 1
Column 2
Column 3
 
尝试一下 »
 
HTML 表格空间
 
有以下两个属性，用于调整 HTML 表格中单元格的空间：
 
cellspacing属性-定义表格单元格之间的空间
 
cellpadding属性-表示单元格边框与单元格内容之间的距离
 
实例
 
Name
Salary
其琛
5000
曼迪
7000
 
尝试一下 »
 
HTML 合并单元格
 
如果要将两个或多个列合并为一个列，将使用colspan属性
 
如果要合并两行或更多行，则将使用rowspan属性。
 
实例
 
Column 1
Column 2
Column 3
Row 1 Cell 1
Row 1 Cell 2
Row 1 Cell 3
Row 2 Cell 2
Row 2 Cell 3
Row 3 Cell 1
 
尝试一下 »
 
效果如下：
 
Column 1
 
Column 2
 
Column 3
 
Row 1 Cell 1
 
Row 1 Cell 2
 
Row 1 Cell 3
 
Row 2 Cell 2
 
Row 2 Cell 3
 
Row 3 Cell 1
 
HTML 表格头部、主体、页脚
 
表格可以分为三个部分 - 头部，主体和页脚，如同word 文档中页面的页眉、正文、页脚。每个页面保持相同，而正文是表格的主要内容持有者。
 
头部，主体和页脚的对应的三个标签是：
 
- 创建单独的表头。
- 表示表格的主体。- 创建一个单独的表页脚。
 
表可以包含多个
元素以指示不同的页面。
 
但值得注意的是和
标签应出现在之前：
 
实例
 
This is the head of the table
This is the foot of the tableCell 1Cell 2Cell 3Cell 4
 
尝试一下 »
 
HTML 表格的嵌套
 
您可以在另一个表中使用一个表。可以使用
 
实例
 

     
Name
Salary
其琛
5000
曼迪
7000
 
尝试一下 »
 

 
更多实例
 
没有边框的表格
 
本例演示一个没有边框的表格。
 
带有标题的表格
 
本例演示一个带标题  ( caption ) 的表格
 
跨行或跨列的表格单元格
 
本例演示如何定义跨行或跨列的表格单元格。
 
表格内的标签
 
本例演示如何显示在不同的元素内显示元素。
 
单元格边距 ( Cell padding )
 
本例演示如何使用 Cell padding 来创建单元格内容与其边框之间的空白。
 
单元格间距 ( Cell spacing )
 
本例演示如何使用 Cell spacing 增加单元格之间的距离。
 
HTML 表格标签
 
标签
 
描述
 
定义表格的表头
 
定义表格的行
 
定义表格单元
 
定义用于表格列的属性
 
定义表格的页眉
 
定义表格的主体
 
定义表格的页脚