Regular Table - Midone - Tailwind HTML Admin Template

Basic Table

Show example code

#	First Name	Last Name	Username
1	Angelina	Jolie	@angelinajolie
2	Brad	Pitt	@bradpitt
3	Charlie	Hunnam	@charliehunnam

#	First Name	Last Name	Username
1	Angelina	Jolie	@angelinajolie
2	Brad	Pitt	@bradpitt
3	Charlie	Hunnam	@charliehunnam

                                
                                    {{ str_replace('>', 'HTMLCloseTag', str_replace('<', 'HTMLOpenTag', '
                                        
                                            
                                                
                                                    
                                                        #
                                                        First Name
                                                        Last Name
                                                        Username
                                                    
                                                
                                                
                                                    
                                                        1
                                                        Angelina
                                                        Jolie
                                                        @angelinajolie
                                                    
                                                    
                                                        2
                                                        Brad
                                                        Pitt
                                                        @bradpitt
                                                    
                                                    
                                                        3
                                                        Charlie
                                                        Hunnam
                                                        @charliehunnam
                                                    
                                                
                                            
                                            
                                                
                                                    
                                                        #
                                                        First Name
                                                        Last Name
                                                        Username
                                                    
                                                
                                                
                                                    
                                                        1
                                                        Angelina
                                                        Jolie
                                                        @angelinajolie
                                                    
                                                    
                                                        2
                                                        Brad
                                                        Pitt
                                                        @bradpitt
                                                    
                                                    
                                                        3
                                                        Charlie
                                                        Hunnam
                                                        @charliehunnam
                                                    
                                                
                                            
                                        
                                    ')) }}

Bordered Table

Show example code

#	First Name	Last Name	Username
1	Angelina	Jolie	@angelinajolie
2	Brad	Pitt	@bradpitt
3	Charlie	Hunnam	@charliehunnam

                                
                                    {{ str_replace('>', 'HTMLCloseTag', str_replace('<', 'HTMLOpenTag', '
                                        
                                            
                                                
                                                    
                                                        #
                                                        First Name
                                                        Last Name
                                                        Username
                                                    
                                                
                                                
                                                    
                                                        1
                                                        Angelina
                                                        Jolie
                                                        @angelinajolie
                                                    
                                                    
                                                        2
                                                        Brad
                                                        Pitt
                                                        @bradpitt
                                                    
                                                    
                                                        3
                                                        Charlie
                                                        Hunnam
                                                        @charliehunnam
                                                    
                                                
                                            
                                        
                                    ')) }}

Hoverable Table

Show example code

#	First Name	Last Name	Username
1	Angelina	Jolie	@angelinajolie
2	Brad	Pitt	@bradpitt
3	Charlie	Hunnam	@charliehunnam

                                
                                    {{ str_replace('>', 'HTMLCloseTag', str_replace('<', 'HTMLOpenTag', '
                                        
                                            
                                                
                                                    
                                                        #
                                                        First Name
                                                        Last Name
                                                        Username
                                                    
                                                
                                                
                                                    
                                                        1
                                                        Angelina
                                                        Jolie
                                                        @angelinajolie
                                                    
                                                    
                                                        2
                                                        Brad
                                                        Pitt
                                                        @bradpitt
                                                    
                                                    
                                                        3
                                                        Charlie
                                                        Hunnam
                                                        @charliehunnam
                                                    
                                                
                                            
                                        
                                    ')) }}

Table Row States

Show example code

#	First Name	Last Name	Username
1	Angelina	Jolie	@angelinajolie
2	Brad	Pitt	@bradpitt
3	Charlie	Hunnam	@charliehunnam

                                
                                    {{ str_replace('>', 'HTMLCloseTag', str_replace('<', 'HTMLOpenTag', '
                                        
                                            
                                                
                                                    
                                                        #
                                                        First Name
                                                        Last Name
                                                        Username
                                                    
                                                
                                                
                                                    
                                                        1
                                                        Angelina
                                                        Jolie
                                                        @angelinajolie
                                                    
                                                    
                                                        2
                                                        Brad
                                                        Pitt
                                                        @bradpitt
                                                    
                                                    
                                                        3
                                                        Charlie
                                                        Hunnam
                                                        @charliehunnam
                                                    
                                                
                                            
                                        
                                    ')) }}

Table Head Options

Show example code

#	First Name	Last Name	Username
1	Angelina	Jolie	@angelinajolie
2	Brad	Pitt	@bradpitt
3	Charlie	Hunnam	@charliehunnam

#	First Name	Last Name	Username
1	Angelina	Jolie	@angelinajolie
2	Brad	Pitt	@bradpitt
3	Charlie	Hunnam	@charliehunnam

                                
                                    {{ str_replace('>', 'HTMLCloseTag', str_replace('<', 'HTMLOpenTag', '
                                        
                                            
                                                
                                                    
                                                        #
                                                        First Name
                                                        Last Name
                                                        Username
                                                    
                                                
                                                
                                                    
                                                        1
                                                        Angelina
                                                        Jolie
                                                        @angelinajolie
                                                    
                                                    
                                                        2
                                                        Brad
                                                        Pitt
                                                        @bradpitt
                                                    
                                                    
                                                        3
                                                        Charlie
                                                        Hunnam
                                                        @charliehunnam
                                                    
                                                
                                            
                                            
                                                
                                                    
                                                        #
                                                        First Name
                                                        Last Name
                                                        Username
                                                    
                                                
                                                
                                                    
                                                        1
                                                        Angelina
                                                        Jolie
                                                        @angelinajolie
                                                    
                                                    
                                                        2
                                                        Brad
                                                        Pitt
                                                        @bradpitt
                                                    
                                                    
                                                        3
                                                        Charlie
                                                        Hunnam
                                                        @charliehunnam
                                                    
                                                
                                            
                                        
                                    ')) }}

Responsive Table

Show example code

#	First Name	Last Name	Username	Email	Address
1	Angelina	Jolie	@angelinajolie	angelinajolie@gmail.com	260 W. Storm Street New York, NY 10025.
2	Brad	Pitt	@bradpitt	bradpitt@gmail.com	47 Division St. Buffalo, NY 14241.
3	Charlie	Hunnam	@charliehunnam	charliehunnam@gmail.com	8023 Amerige Street Harriman, NY 10926.

                                
                                    {{ str_replace('>', 'HTMLCloseTag', str_replace('<', 'HTMLOpenTag', '
                                        
                                            
                                                
                                                    
                                                        #
                                                        First Name
                                                        Last Name
                                                        Username
                                                        Email
                                                        Address
                                                    
                                                
                                                
                                                    
                                                        1
                                                        Angelina
                                                        Jolie
                                                        @angelinajolie
                                                        angelinajolie@gmail.com
                                                        
                                                            260 W. Storm Street New York, NY 10025.
                                                        
                                                    
                                                    
                                                        2
                                                        Brad
                                                        Pitt
                                                        @bradpitt
                                                        bradpitt@gmail.com
                                                        
                                                            47 Division St. Buffalo, NY 14241.
                                                        
                                                    
                                                    
                                                        3
                                                        Charlie
                                                        Hunnam
                                                        @charliehunnam
                                                        charliehunnam@gmail.com
                                                        
                                                            8023 Amerige Street Harriman, NY 10926.
                                                        
                                                    
                                                
                                            
                                        
                                    ')) }}

Small Table

Show example code

#	First Name	Last Name	Username
1	Angelina	Jolie	@angelinajolie
2	Brad	Pitt	@bradpitt
3	Charlie	Hunnam	@charliehunnam

                                
                                    {{ str_replace('>', 'HTMLCloseTag', str_replace('<', 'HTMLOpenTag', '
                                        
                                            
                                                
                                                    
                                                        #
                                                        First Name
                                                        Last Name
                                                        Username
                                                    
                                                
                                                
                                                    
                                                        1
                                                        Angelina
                                                        Jolie
                                                        @angelinajolie
                                                    
                                                    
                                                        2
                                                        Brad
                                                        Pitt
                                                        @bradpitt
                                                    
                                                    
                                                        3
                                                        Charlie
                                                        Hunnam
                                                        @charliehunnam
                                                    
                                                
                                            
                                        
                                    ')) }}

Striped Rows

Show example code

#	First Name	Last Name	Username
1	Angelina	Jolie	@angelinajolie
2	Brad	Pitt	@bradpitt
3	Charlie	Hunnam	@charliehunnam

                                
                                    {{ str_replace('>', 'HTMLCloseTag', str_replace('<', 'HTMLOpenTag', '
                                        
                                            
                                                
                                                    
                                                        #
                                                        First Name
                                                        Last Name
                                                        Username
                                                    
                                                
                                                
                                                    
                                                        1
                                                        Angelina
                                                        Jolie
                                                        @angelinajolie
                                                    
                                                    
                                                        2
                                                        Brad
                                                        Pitt
                                                        @bradpitt
                                                    
                                                    
                                                        3
                                                        Charlie
                                                        Hunnam
                                                        @charliehunnam
                                                    
                                                
                                            
                                        
                                    ')) }}