天天看点

用html实现Markdown中的复杂表格问题来源简单的例子

问题来源

偶然一次写博客的时候,发现csdn自带的Markdown编辑器,表格中的单元格是不支持合并和拆分的。那么该怎么办呢?百度啊,发现markdown里面是可以

内嵌html

,最终效果如下:

常用排序算法
类别 排序方法 时间复杂度 空间复杂度 稳定性
平均情况 最好情况 最坏情况 辅助存储
冒泡排序 直接冒泡 O(n2) O(n) O(n2) O(1) 稳定
鸡尾酒排序 O(n1~2) O(n) O(n2) O(1) 稳定
选择排序 O(n2) O(n2) O(n2) O(1) 不稳定
插入排序 直接插入 O(n2) O(n) O(n2) O(1) 稳定
二分插入 O(n1~2) O(nlogn) O(n2) O(1) 稳定
希尔排序 O(n1.3) O(n) O(n2) O(1) 不稳定
归并排序 O(nlog2n) O(nlog2n) O(nlog2n) O(n) 稳定
堆排序 O(nlog2n) O(nlog2n) O(nlog2n) O(1) 不稳定
快速排序 O(nlog2n) O(nlog2n) O(n2) O(log2n) 不稳定
非选择排序 计数排序 O(n+k) O(n+k) O(n+k) O(n+k) 稳定
基数排序 O(n*dn) O(n*dn) O(n*dn) O(n*dn) 稳定
桶排序 O(n) O(n) O(n2) O(n+bn) 稳定

要实现这个表格,主要是借助

th

td

标签中的两个属性:

  • rowspan

    :单元格所占行数
  • colspan

    :单元格所占列数

简单的例子

学生成绩单
姓名 成绩
语文 数学 总分
张三 90 95 185

对应的代码:

<table>
	<head>
		<tr>
			<th colspan="4">学生成绩单</th>
		</tr>
		<tr>
			<th rowspan="2">姓名</th>
			<th colspan="3">成绩</th>
		</tr>
		<tr>
			<th >语文</th>
			<th >数学</th>
			<th >总分</th>
		</tr>
	</head>
	<body>
		<tr>
			<td>张三</td>
			<td>90</td>
			<td>95</td>
			<td>185</td>
		</tr>
	</body>
</table>
           

继续阅读