logseq/deps/shui/shui-graph/pages/shui___components___table.md

3.7 KiB
Raw Blame History

  • Props

    • logseq.table.version:: 2 logseq.table.hover:: row logseq.table.stripes:: true logseq.table.borders:: false
      Prop Name Description Values
      logseq.table.version The version of the table 1, 2
      logseq.table.hover The hover effect of the table cell (default), row, col, both, none
      logseq.table.compact Whether to show a compact version of the data false (default), true
      logseq.table.headers The casing that should be applied to the header cols none (default), uppercase, capitalize, capitalize-first, lowercase
      logseq.table.borders Whether or not the table should have borders between all cells and rows true (default), false
      logseq.table.stripes Whether or not the table should have alternately colored table rows false (default), true
      logseq.table.max-width The maximum width (in rems) that should be applied to each column (default 30)
      logseq.color The color accent of the table red, orange, yellow, green, blue, purple
  • Examples

    • Simplest possible markdown table

      collapsed:: true
      • logseq.table.version:: 1 | Fruit | Color | | Apples | Red | | Bananas | Yellow |
    • Longer more complicated markdown table, with various widths and input types

      collapsed:: true
      • logseq.table.version:: 2
        Length Text EN ZH
        70 Logseq is a new note-taking app that has been making waves in the productivity community. x
        138 With its unique approach to linking and organizing information, Logseq allows users to create a highly interconnected and personalized knowledge base. x
        194 Unlike traditional note-taking apps, Logseq encourages users to embrace the power of plain text and markdown formatting, enabling them to easily manipulate and query their notes. x
        246 From students to researchers, Logseq's flexible and intuitive interface makes it an ideal tool for anyone looking to optimize their note-taking and knowledge management workflow. x
        312 Whether you're looking to organize your thoughts, collaborate with others, or simply streamline your note-taking process, Logseq offers a revolutionary approach that is sure to revolutionize the way you work. x
        35 Logseq 是一款在生产力社群中备受瞩目的新型笔记应用。 x
        59 Logseq 以其独特的链接和组织信息方式,使用户能够创建高度互联且个性化的知识库。 x
        123 从学生到研究人员Logseq 灵活直观的界面使其成为任何想要优化笔记和知识管理工作流程的人的理想工具。 x
        152 无论您是想整理自己的思路、与他人合作还是简化笔记流程Logseq 提供的革命性方法肯定会改变您的工作方式。 x
    • Query table for blocks

      • logseq.table.version:: 2 query-table:: true query-properties:: [:block] logseq.table.borders:: false {{query #table-example/block}}
      • data

        • Block 1 #table-example/block table-example:: true
        • Block 2 #table-example/block table-example:: true
        • Block 3 #table-example/block table-example:: true
    • Query table for pages

      • {{query (page-property "table-example" "true")}} logseq.table.version:: 2
      • Page 1
      • Page 2
      • Page 3
    • Query table for mixed pages and blocks

      • {{query (property "table-example" true)}} query-table:: true logseq.table.version:: 2
  • {{query }}