Skip to content

chopper-UI/table

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

table


// description


演示

__注意:__示例中以.ex开头的class在实际使用场景中是不必要的,此类class只为可视化文档的展示做辅助作用。

默认

<div class="ui-table">
    <div class="ui-table-wrap">
        <div class="ui-table-head">
            <div class="ui-table-column">
                <div class="ui-table-item">
                    <div class="ui-table-item-main">
                        <div class="ui-table-item-box">
                            <div class="ui-table-item-center">
                                <strong>
                                    Item
                                </strong>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ui-table-item">
                    <div class="ui-table-item-main">
                        <div class="ui-table-item-box">
                            <div class="ui-table-item-center">
                                <strong>
                                    Grade
                                </strong>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ui-table-item">
                    <div class="ui-table-item-main">
                        <div class="ui-table-item-box">
                            <div class="ui-table-item-center">
                                <strong>
                                    Mean
                                </strong>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ui-table-item">
                    <div class="ui-table-item-main">
                        <div class="ui-table-item-box">
                            <div class="ui-table-item-center">
                                <strong>
                                    Anelytics
                                </strong>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ui-table-item">
                    <div class="ui-table-item-main">
                        <div class="ui-table-item-box">
                            <div class="ui-table-item-center">
                                <strong>
                                    Notes
                                </strong>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="ui-table-body">
            <div class="ui-table-column">
                <div class="ui-table-item">
                    <div class="ui-table-item-main">
                        <div class="ui-table-item-box">
                            <div class="ui-table-item-center">
                                <span>
                                    name
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ui-table-item">
                    <div class="ui-table-item-main">
                        <div class="ui-table-item-box">
                            <div class="ui-table-item-center">
                                <span>
                                    98
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ui-table-item">
                    <div class="ui-table-item-main">
                        <div class="ui-table-item-box">
                            <div class="ui-table-item-center">
                                <strong>
                                    ---
                                </strong>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ui-table-item">
                    <div class="ui-table-item-main">
                        <div class="ui-table-item-box">
                            <div class="ui-table-item-center">
                                <div >
                                    ---
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ui-table-item">
                    <div class="ui-table-item-main">
                        <div class="ui-table-item-box">
                            <div class="ui-table-item-center">
                                <span>
                                    ---
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Releases

No releases published

Packages

No packages published