Logo
Section 1 / 9

显示状态中的表格条目

学习如何在 Svelte 中使用 store 来向用户展示应用程序的状态。

导入

显示状态中的表格条目

学习如何在 Svelte 中使用 store 来向用户展示应用程序的状态。

1{#if student} 2 - export student 3 - duplicate 4 - back 5{:else} 6 - bulk delete 7 - add student 8 - filter 9{/if}
1{#each $state.students as student} 2 <tr> 3 <td><input type="checkbox" /></td> 4 <td>{student.name}</td> 5 <td>{student.phone}</td> 6 <td><a href={`mailto:${student.email}`}>{student.email}</a></td> 7 <td>{student.score}</td> 8 <td>{student.age}</td> 9 <td>{student.registered}</td> 10 <td>{student.isActive ? '✅' : '❌'}</td> 11 </tr> 12{/each}

本地搭建 Svelte 与 Tailwind 环境

使用 Tailwind 样式化表格条目