toofaniCoder

Form Row

<div class="form-row form-group">
  <div class="col">
    <input type="text" class="form-control" placeholder="Enter Your First name" />
  </div>
  <div class="col">
    <input type="text" class="form-control" placeholder="Enter Your Last name" />
  </div>
   <div class="col">

toofaniCoder

Users (First Name, Last Name, E-mail Address)

[
  {
    "id": 1,
    "firstName": "Maximo",
    "lastName": "Feil",
    "email": "Laura90@yahoo.com"
  },

toofaniCoder

Basic Information

<TextField
id="first-name"
label="First Name"
variant="outlined"
placeholder="Enter Your First Name"
fullWidth
margin="normal"
name="firstName"

toofaniCoder

sentences

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt felis justo, sit amet placerat quam consectetur vitae. Proin non mollis metus. Nam ullamcorper ipsum quis orci tempor egestas. Etiam fringilla, dui et imperdiet commodo, purus dolor convallis nisi, sit amet posuere nisi lectus quis ligula. Suspendisse dui enim, semper vel vehicula et, tristique mollis nulla. Quisque gravida molestie nunc sed faucibus. Phasellus elementum neque justo, sed bibendum eros tristique ac. Fusce tincidunt luctus tellus, eget consequat purus luctus id. Nulla odio diam, auctor eu sodales quis, hendrerit quis risus. Vivamus et leo suscipit mauris mollis faucibus a condimentum velit. Phasellus iaculis malesuada volutpat. Nam erat odio, pharetra non ornare at, ullamcorper sit amet urna. Fusce nisi nibh, tristique ac urna bibendum, varius bibendum quam. Phasellus non libero ut massa rutrum ultrices eu nec felis. In ornare tortor pretium magna egestas porta.

decimal numbers for tetsing

toofaniCoder

2022 Data

                [new Date(2022, 0, 1), 230],
                [new Date(2022, 0, 2), 259],
                [new Date(2022, 0, 3), 483],
                [new Date(2022, 0, 4), 214],
                [new Date(2022, 0, 5), 394],
                [new Date(2022, 0, 6), 342],
                [new Date(2022, 0, 7), 308],
                [new Date(2022, 0, 8), 292],

toofaniCoder

                ["class 5", "Maths", new Date(0, 0, 0, 8, 0, 0), new Date(0, 0, 0, 9, 0, 0)],
                ["class 5", "Hindi", new Date(0, 0, 0, 9, 0, 0), new Date(0, 0, 0, 10, 0, 0)],
                ["class 5", "Science", new Date(0, 0, 0, 10, 0, 0), new Date(0, 0, 0, 11, 0, 0)],
                ["class 5", "Lunch", new Date(0, 0, 0, 11, 00, 0), new Date(0, 0, 0, 11, 30, 0)],
                ["class 5", "Social Science", new Date(0, 0, 0, 11, 30, 0), new Date(0, 0, 0, 12, 30, 0)],
                ["class 5", "Computer", new Date(0, 0, 0, 12, 30, 0), new Date(0, 0, 0, 13, 30, 0)],
                ["class 5", "English", new Date(0, 0, 0, 13, 30, 0), new Date(0, 0, 0, 14, 30, 0)],

                ["class 6", "English", new Date(0, 0, 0, 8, 00, 0), new Date(0, 0, 0, 9, 30, 0)],

toofaniCoder

[
  {
    "id": 1,
    "name": "Dipali Marar",
    "email": "Daevika_Gill46@yahoo.co.in",
    "phone": "+918323331146",
    "standard": 1,
    "section": "B",
    "age": 13,

toofaniCoder

body {
  font-family: "Poppins";
  display: flex;
  justify-content: center;
}
table {
  border-collapse: collapse;
  text-align: center;
  border-radius: 4px;
  overflow: hidden;

toofaniCoder

[
  {
    "id": 1,
    "email": "Daevika_Gill46@yahoo.co.in",
    "phone": { "1": "+91-677-4410427", "2": "+916004297915" },
    "age": 13,
    "date_of_birth": "1995-11-17T00:08:59.890Z",
    "date_of_admission": "2011-10-17T00:40:01.399Z",
    "address": {
      "pincode": "714 689",

toofaniCoder

body {
  font-family: 'Poppins';
}
table {
  text-align: center;
  border-collapse: collapse;
  width: 100%;
  border: none;
}
@media screen and (max-width: 1366px) {