Notionic Example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur at purus ac mauris semper ultricies. Sed tortor elit, euismod vel eros nec, faucibus faucibus orci. Cras ultricies, ex at elementum mattis, augue nisi mattis risus, eu vulputate elit elit quis erat. Aenean orci orci, aliquet in vulputate eget, mollis in ipsum. Nunc laoreet, arcu sed condimentum ultrices, dolor lacus ultrices dui, sit amet feugiat turpis eros id enim. Donec ultrices sed urna ac accumsan. Nam ex massa, placerat ut volutpat a, vehicula eu nisl. Mauris massa neque, egestas at augue vitae, bibendum tincidunt orci. Aenean et justo arcu. Sed ac semper risus, id pretium elit. Nulla vulputate tortor a dapibus mattis. Etiam vel volutpat libero, eget bibendum sapien. Maecenas bibendum, dolor eget maximus vestibulum, magna ante rutrum nunc, sed varius nisi nibh eget elit. Fusce pharetra velit ac augue mattis, et efficitur purus auctor.

.notion-simple-table {
  @apply whitespace-nowrap overflow-x-auto block w-full border-0 !important;   /* 设置表格超出后显示滑动条 */
  line-height: 1.5rem;   /* 设置表格内行高（默认是用 notion 的行高 2） */
}

.notion-simple-table td {
  border: 1px solid darkgray;   /* 设置表格边框颜色 */
  white-space: pre;   /* 设置单元格内文本不自动换行而导致表格被撑大 */
}