table(表格)

7 篇文章 0 订阅
3 篇文章 0 订阅

介绍

1、table(表格)可以表示一些格式化数据,例如课程表、人名单、成绩单……

2、在table中使用tr表示表格中的一行,有几个tr就有几行

3、tr中使用td表示一个单元格,有几个td就表示有几个单元格


合并单元格

colspan(横向合并单元格)

示例:

<table>
	<tr>
		<td colspan="2">A</td>
	</tr>
</table>			//一行一列的表格

rowspan(纵向合并单元格)

示例:
<table>
	<tr>
		<td rowspan="2">B</td>
	</tr>
</table>			//一行一列的表格

长表格

可以将一个表格分成三个部分

	thead		头部
	
	tbody		主体
	
	tfoot		底部

	th			表示头部的单元格(有一个加粗的效果)
示例:

<table>

	<thead>
		<tr>
			<th>日期</th>
			<th>收入</th>
			<th>支出</th>
			<th>合计</th>
		</tr>
	</thead>

		<tbody>
			<tr>
				<td></td>
				<td></td>
				<td></td>
				<td></td>
			</tr>
		</tbody>

			<tfoot>
				<tr>
					<td></td>
					<td></td>
					<td></td>
					<td></td>
				</tr>
			</tfoot>
</table>			
	

表格的样式

border-spacing(指定边框之间的距离)

示例:

	border-spacing:0px;

border-collapse(设置边框的合并)

示例:

	border-collapse:collapse;

1、如果表格中没有使用 tbody ,而是直接使用 tr ,那么浏览器会自动创建一个       tbody ,并且将 tr 全部放到 tbody 中


tr 不是 table 的子元素

2、默认情况下元素在td中是垂直居中的,可以通过vertical-align来修改


将元素设置成单元格实现居中(dispaly:table-cell)

示例:

	.box1{
			width:300px;
			
			height:300px;
			
			background-color:orange;


			`display:table-cell;
			vertical-align:middle;`
		//将元素设置为单元格td,然后设置垂直居中(不推荐用来布局)
	}
  • 5
    点赞
  • 33
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
### 回答1: pysimplegui是一个Python GUI库,可以用来创建各种类型的用户界面。其中包括table表格,可以用来展示和编辑数据。使用pysimplegui创建table表格非常简单,只需要定义表格的列和行,然后将数据填充到表格中即可。同时,pysimplegui还提供了丰富的样式和事件处理功能,可以满足不同的需求。 ### 回答2: pysimplegui是一种Python GUI应用程序编程库,它可以帮助开发人员快速创建图形用户界面(GUI)应用程序。其中的table表格是一种非常常用的组件,可以用于显示数据和编辑数据。下面将详细介绍pysimplegui中的table表格的使用方法。 pysimplegui中的table表格是一个多行多列的控件,可以用于显示数据和编辑数据。默认情况下,它包含一个标题行和一个或多个数据行。表格的每个单元格可以包含文本、数字、图像等内容。在表格中编辑数据时,可以通过键盘或鼠标进行编辑和选择操作。 在使用pysimplegui中的table表格时,我们需要首先导入pysimplegui库并创建一个GUI窗口。然后,我们可以使用sg.Table()函数来创建一个table表格。该函数需要传递一个二维列表作为表格数据源,以及一些参数来控制表格的行列数、标题等属性。例如: ``` python import PySimpleGUI as sg data = [ ['John', 'Doe', 25], ['Jane', 'Doe', 23], ['Jim', 'Smith', 32], ['Bob', 'Brown', 45] ] layout = [ [sg.Table(values=data, headings=['First Name', 'Last Name', 'Age'], max_col_width=25, auto_size_columns=True, justification='center', num_rows=10, alternating_row_color='lightblue')], ] window = sg.Window('My Table Example', layout, grab_anywhere=False) while True: event, values = window.read() if event == sg.WINDOW_CLOSED: break window.close() ``` 在上面的示例代码中,我们创建了一个包含4行3列数据的table表格。其中,values参数用于指定表格数据源,headings参数用于指定表格的列标题,max_col_width参数控制每列的最大宽度,auto_size_columns参数则自动调整列宽以适应窗口大小,justification参数控制表格的对齐方式,num_rows参数则指定表格中显示的最大行数,alternating_row_color参数用于交替显示行的颜色。 此外,在pysimplegui中的table表格中,还可以添加单元格编辑事件和表格右键菜单等功能。例如,我们可以在上面的代码中添加以下代码来为表格添加单元格编辑事件: ``` python def on_cell_change(event): current_value = event.table[event.row][event.column] table_data[event.row][event.column] = current_value table = sg.Table(values=data, headings=['First Name','Last Name','Age'], max_col_width=25, auto_size_columns=True, justification='center', num_rows=10, alternating_row_color='lightblue') table.bind('<Motion>', '_Table__on_motion') table.bind('<Button-1>', '_Table__on_left_button_press') table.bind('<ButtonRelease-1>', '_Table__on_left_button_release') table.bind('<Button-3>', '_Table__on_right_button_press') table.bind('<Button-2>', '_Table__on_middle_button_press') table.bind('<Key>', '_Table__on_key_press') table.bind('<Return>', '_Table__on_return_press') table.bind('<BackSpace>', '_Table__on_backspace_press') table.bind('<Delete>', '_Table__on_delete_press') table.bind('<FocusIn>', '_Table__on_focus_in') table.bind('<FocusOut>', '_Table__on_focus_out') table.bind('<Configure>', '_Table__on_resize') table.bind('<MouseWheel>', '_Table__on_mousewheel') table.bind('<B1-Motion>', '_Table__on_left_button_motion') table.bind('<<TableInput>>', on_cell_change) ``` 在以上代码中,我们定义了一个on_cell_change()函数,该函数会在表格的单元格被编辑时执行。这个函数将当前单元格的值更新到数据源中。然后,我们使用table.bind()函数将该函数绑定到表格的<<TableInput>>事件上,以实现单元格编辑的功能。 综上所述,pysimplegui中的table表格是一个功能强大、易于使用的数据展示和编辑控件。在实际开发中,我们可以通过对其进行定制来实现各种复杂的需求。 ### 回答3: PySimpleGUI是一款基于Tkinter封装的Python GUI库,非常易于学习和使用。PySimpleGUI的table表格功能可以用于展示和编辑二维表格数据,支持多种数据类型,支持排序、筛选、分页等功能,使用非常方便。 在PySimpleGUI中创建table表格非常简单,只需要构建一个二维列表数据,然后在布局中添加一个sg.Table()对象即可。例如: ``` import PySimpleGUI as sg data = [[f'row {k}, col {i}' for i in range(3)] for k in range(10)] layout = [[sg.Table(values=data, headings=['Column 1', 'Column 2', 'Column 3'], auto_size_columns=True, display_row_numbers=True, justification='right', num_rows=min(25, len(data)))], [sg.Button('OK')]] window = sg.Window('Table', layout) while True: event, values = window.read() if event == sg.WINDOW_CLOSED or event == 'OK': break window.close() ``` 在这个例子中,我们生成了一个包含10行3列的二维列表数据,并创建了一个sg.Table()对象来展示这些数据。Table()对象接收的参数包括values表示二维列表数据、headings表示表头、auto_size_columns表示自动调整列宽、display_row_numbers表示显示行号、justification表示对齐方式、num_rows表示显示行数等等。最终,我们在窗口中添加了一个OK按钮,并通过window.read()方法监听事件。 当我们运行这个程序时,就会弹出一个包含10行3列的表格窗口,用户可以通过滚动、排序、筛选等方式对数据进行查看和编辑。如果想要修改数据,只需要通过二维列表的索引进行操作即可。 除了上面提到的基本功能外,PySimpleGUI的table表格还支持更多高级功能,例如: 1.设置单元格的格式和颜色; 2.处理单元格的选择和事件响应; 3.嵌入图标、图片、按钮等控件; 4.支持多级表头、树形结构等数据结构。 总之,PySimpleGUI的table表格非常强大,可以应用于各种数据展示和编辑场景,是Python GUI编程的一个很好选择。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值