想使用 Kotlin DSL for HTML 来这样写前端的代码码？

    private fun renderBooks(data: Array<String>) {
        val books = document.create.div("books") {
            table("table table-hover") {
                thead {
                    tr {
                        th {
                            +"ID"
                        }
                        th {
                            +"Name"
                        }
                    }
                }
                tbody {
                    data.forEachIndexed { index, s ->
                        tr {
                            td {
                                +"$index"
                            }
                            td {
                                +s
                            }
                        }
                    }
                }
            }
        }
        document.getElementById("books")?.appendChild(books)
    }