React Table Code 1

import React from 'react';

import ReactDOM from 'react-dom';

import ReactDOM from 'react-dom/client';

function Table() {
    return (
        <>
            <table class="table">
                <caption>Table</caption>
                <tr>
                <th>ID</th>    
                <th>First Name</th>
                <th>Last Name</th>
                <th>Number</th>
                <th>Address</th>
                </tr>
                <tr>
                <td>01</td>    
                <td>Zeeshan</td>
                <td>Abbasi</td>
                <td>55555</td>
                <td>Unknown</td>
                </tr>        
                <tr>
                <td>02</td>    
                <td>Waqar</td>
                <td>Ali</td>
                <td>66666</td>
                <td>Unknown</td>
                </tr>        
                <tr>
                <td>03</td>    
                <td>Awais</td>
                <td>Ali</td>
                <td>77777</td>
                <td>Unknown</td>
                </tr>        
                <tr>
                <td>04</td>    
                <td>Majid</td>
                <td>Ali</td>
                <td>88888</td>
                <td>Unknown</td>
                </tr>        
                <tr>
                <td>05</td>    
                <td>Shaker</td>
                <td>Ahmed</td>
                <td>99999</td>
                <td>Unknown</td>
                </tr>
            </table>
        </>
    );
}

ReactDOM.render(<Table />, document.getElementById('root'));

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<Table />);

const GetTable = () => {
    return (
        <>
            <table class="table">
                <caption>Table</caption>
                <tr>
                <th>ID</th>    
                <th>First Name</th>
                <th>Last Name</th>
                <th>Number</th>
                <th>Address</th>
                </tr>
                <tr>
                <td>01</td>    
                <td>Zeeshan</td>
                <td>Abbasi</td>
                <td>55555</td>
                <td>Unknown</td>
                </tr>        
                <tr>
                <td>02</td>    
                <td>Waqar</td>
                <td>Ali</td>
                <td>66666</td>
                <td>Unknown</td>
                </tr>        
                <tr>
                <td>03</td>    
                <td>Awais</td>
                <td>Ali</td>
                <td>77777</td>
                <td>Unknown</td>
                </tr>        
                <tr>
                <td>04</td>    
                <td>Majid</td>
                <td>Ali</td>
                <td>88888</td>
                <td>Unknown</td>
                </tr>        
                <tr>
                <td>05</td>    
                <td>Shaker</td>
                <td>Ahmed</td>
                <td>99999</td>
                <td>Unknown</td>
                </tr>
            </table>
        </>
    );
}
export default GetTable;

export const GetTable = () => {
    return (
        <>
            <table class="table">
                <caption>Table</caption>
                <tr>
                <th>ID</th>    
                <th>First Name</th>
                <th>Last Name</th>
                <th>Number</th>
                <th>Address</th>
                </tr>
                <tr>
                <td>01</td>    
                <td>Zeeshan</td>
                <td>Abbasi</td>
                <td>55555</td>
                <td>Unknown</td>
                </tr>        
                <tr>
                <td>02</td>    
                <td>Waqar</td>
                <td>Ali</td>
                <td>66666</td>
                <td>Unknown</td>
                </tr>        
                <tr>
                <td>03</td>    
                <td>Awais</td>
                <td>Ali</td>
                <td>77777</td>
                <td>Unknown</td>
                </tr>        
                <tr>
                <td>04</td>    
                <td>Majid</td>
                <td>Ali</td>
                <td>88888</td>
                <td>Unknown</td>
                </tr>        
                <tr>
                <td>05</td>    
                <td>Shaker</td>
                <td>Ahmed</td>
                <td>99999</td>
                <td>Unknown</td>
                </tr>
            </table>
        </>
    );
}

Table
ID	First Name	Last Name	Number	Address
01	Zeeshan	Abbasi	55555	Unknown
02	Waqar	Ali	66666	Unknown
03	Awais	Ali	77777	Unknown
04	Majid	Ali	88888	Unknown
05	Shaker	Ahmed	99999	Unknown

React Table Code 1

Follow Us