📜  Semantic-UI 表结构化类型

📅  最后修改于: 2022-05-13 01:56:14.986000             🧑  作者: Mango

Semantic-UI 表结构化类型

Semantic UI是一个开源框架,它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同,并且有很多不同的元素可用于使您的网站看起来更令人惊叹。它使用一个类将 CSS 添加到元素中。

表格是一种组织大量数据的简单方法。表是行和列中的数据排列,或者可能是更复杂的结构。表格广泛用于交流、研究和数据分析。表格可用于各种任务,例如呈现文本信息和数字数据。它可用于比较表格形式布局中的两个或多个项目。表用于创建数据库。 HTML 表和语义 UI 表在结构上都是相同的。

对于结构化类型的表,它被格式化以显示复杂的结构化数据。

语义 UI 表结构化类型类:

  • 结构化:该类定义表的类型是结构化的。

句法:


        ...
    
    ...

示例 1:这是一个基本示例,说明使用语义 UI 制作的表结构化类型

HTML


  

    Semantic UI Table Structured Type
    
    
    

  

    
        

GeeksforGeeks

        Semantic UI Table Structured Type     
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      
TypeNameNo.of.QuestionsDifficulty
EasyMediumHard
Non-Linear Data StructuresTrees2                                      
Linear Data StructuresArrays52                                      
Stacks12                                      
Queues21                                      
  


HTML


  

    Semantic UI Table Structured Type
    
    
    

  

    
        

GeeksforGeeks

        Semantic UI Table Structured Type     
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      
TypeNameNo.of.QuestionsDifficulty
EasyMediumHard
Non-Linear Data StructuresTrees2                                      
Linear Data StructuresArrays52                                      
Stacks12                                      
Queues21                                      
  


输出:

示例 2:这是一个基本示例,说明了使用语义 UI 制作的具有不同状态的表结构化类型

HTML



  

    Semantic UI Table Structured Type
    
    
    

  

    
        

GeeksforGeeks

        Semantic UI Table Structured Type     
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      
TypeNameNo.of.QuestionsDifficulty
EasyMediumHard
Non-Linear Data StructuresTrees2                                      
Linear Data StructuresArrays52                                      
Stacks12                                      
Queues21                                      
  

输出:

参考: https://semantic-ui.com/collections/table.html#structured