How to create a HTML Table from a PHP array

Question

How do I create a HTML table from a PHP array  A table with heading as  title    price   and  number     shop   array      array  rose     1 25  15       array  daisy    0 75  25       array  orchid   1 15  7

User · Answer

Build two foreach loops and iterate through your array   Print out the value and add HTML table tags around that

User · Answer

Possibly your most versatile approach is to select a templating system

User · Answer

lt  php  echo   lt table gt   lt tr gt   lt th gt title lt  th gt   lt th gt price lt  th gt   lt th gt number lt  th gt   lt  tr gt    for   i 0   i lt count  shop  0    i          echo   lt tr gt        for   j 0   j lt 3   j                  echo   lt td gt    shop  i   j    lt  td gt              echo   lt  tr gt      echo   lt  table gt      You can optimize it  but that should do

User · Answer

You may use this function  To add table header you can setup a second parameter  myTableArrayHeader and do the same with the header information in front of the body   function insertTable  myTableArrayBody         x   0       y   0       seTableStr     lt table gt  lt tbody gt        while  isset  myTableArrayBody  y   x               seTableStr      lt tr gt            while  isset  myTableArrayBody  y   x                   seTableStr      lt td gt      myTableArrayBody  y   x      lt  td gt                 x                       seTableStr      lt  tr gt             x   0           y               seTableStr      lt  tbody gt  lt  table gt        return  seTableStr

User · Answer

lt table gt         lt thead gt           lt tr gt  lt th gt title lt  th gt  lt th gt price gt  lt th gt number lt  th gt  lt  tr gt         lt  thead gt         lt tbody gt   lt  php   foreach   shop as  row        echo   lt tr gt        foreach   row as  item          echo   lt td gt   item  lt  td gt              echo   lt  tr gt          gt         lt  tbody gt       lt  table gt

User · Answer

I had a similar need  but my array could contain key value or key array or array of arrays  like this array   array   array       quot ni quot    gt   quot 00000000000000 quot        quot situacaoCadastral quot    gt  array           quot codigo quot    gt  2           quot data quot    gt   quot 0000-00-00 quot            quot motivo quot    gt   quot  quot               quot naturezaJuridica quot    gt  array           quot codigo quot    gt   quot 0000 quot            quot descricao quot    gt   quot Lorem ipsum dolor sit amet  consectetur quot               quot dataAbertura quot    gt   quot 0000-00-00 quot        quot cnaePrincipal quot    gt  array           quot codigo quot    gt   quot 0000000 quot            quot descricao quot    gt   quot Lorem ips quot               quot endereco quot    gt  array           quot tipoLogradouro quot    gt   quot Lor quot            quot logradouro quot    gt   quot Lorem i quot            quot numero quot    gt   quot 0000 quot            quot complemento quot    gt   quot  quot            quot cep quot    gt   quot 00000000 quot            quot bairro quot    gt   quot Lorem  quot            quot municipio quot    gt  array               quot codigo quot    gt   quot 0000 quot                quot descricao quot    gt   quot Lorem ip quot                          quot uf quot    gt   quot MS quot        quot pais quot    gt  array           quot codigo quot    gt   quot 105 quot            quot descricao quot    gt   quot BRASIL quot               quot municipioJurisdicao quot    gt  array           quot codigo quot    gt   quot 0000000 quot            quot descricao quot    gt   quot DOURADOS quot               quot telefones quot    gt  array          array               ddd    gt   67                numero    gt   00000000                          quot correioEletronico quot    gt   quot lorem ipsum-dolor-sit amet quot        quot capitalSocial quot    gt  0       quot porte quot    gt   quot 00 quot        quot situacaoEspecial quot    gt   quot  quot        quot dataSituacaoEspecial quot    gt   quot  quot      The function I created to solve was  function array to table  arr   first true   sub arr false        width     sub arr     width  quot 100  quot               table     first      lt table align  quot center quot     width   bgcolor  quot  FFFFFF quot  border  quot 1px solid quot  gt              rows   array        foreach   arr as  key   gt   value            value type   gettype  value           switch   value type                case  string                    val    in array  value  array  quot  quot        quot  amp nbsp  quot     value                   rows      quot  lt tr gt  lt td gt  lt strong gt   key  lt  strong gt  lt  td gt  lt td gt   val  lt  td gt  lt  tr gt  quot                   break              case  integer                    val    in array  value  array  quot  quot        quot  amp nbsp  quot     value                   rows      quot  lt tr gt  lt td gt  lt strong gt   key  lt  strong gt  lt  td gt  lt td gt   value  lt  td gt  lt  tr gt  quot                   break              case  array                   if  gettype  key      quot integer quot                         rows     array to table  value  false                   elseif gettype  key      quot string quot                         rows      quot  lt tr gt  lt td gt  lt strong gt   key  lt  strong gt  lt  td gt  lt td gt  quot                           array to table  value  true  true     quot  lt  td gt  quot                   endif                  break              default                    code                    break                endforeach       ROWS   implode  quot  n quot    rows        table      first     ROWS     lt  table gt      ROWS      return  table     echo array to table  array    And the output is this

User · Answer

Array into table  Array into div  JSON into table  JSON into div   All are nicely handle this class  Click here to get a class  How to use it   Just get and object   obj   new Arrayinto      Create an array you want to convert   obj- gt array object   array  AAA    gt   1111                      BBB    gt   2222                      CCC    gt  array  CCC-1    gt   123                                     CCC-2    gt  array  CCC-2222-A    gt   CA2                                                      CCC-2222 B    gt   CB2                                                                                                              If you want to convert Array into table  Call this    result    obj- gt process table      If you want to convert Array into div  Call this    result    obj- gt process div      Let suppose if you have a JSON   obj- gt json string                   AAA   11111                BBB   22222                CCC                                                   CCC-1   123                                                                        CCC-2   456                                                                     You can convert into table div like this   result    obj- gt process json  div      OR   result    obj- gt process json  table

User · Answer

echo   lt table gt  lt tr gt  lt th gt Title lt  th gt  lt th gt Price lt  th gt  lt th gt Number lt  th gt  lt  tr gt    foreach  shop as  v       echo   lt tr gt        foreach  v as  vv           echo   lt td gt   vv  lt  td gt              echo   lt tr gt      echo   lt  table gt

User · Answer

Here s mine    lt  php     function build table  array          start table      html     lt table gt           header row      html      lt tr gt        foreach  array 0  as  key  gt  value                html      lt th gt     htmlspecialchars  key      lt  th gt                   html      lt  tr gt            data rows     foreach   array as  key  gt  value            html      lt tr gt            foreach  value as  key2  gt  value2                html      lt td gt     htmlspecialchars  value2      lt  td gt                       html      lt  tr gt                  finish table and return it       html      lt  table gt        return  html      array   array      array  first   gt  tom    last   gt  smith    email   gt  tom example org    company   gt  example ltd        array  first   gt  hugh    last   gt  blogs    email   gt  hugh example org    company   gt  example ltd        array  first   gt  steph    last   gt  brown    email   gt  steph example org    company   gt  example ltd       echo build table  array     gt

User · Answer

You can also use array reduce  array reduce     Iteratively reduce the array to a single value using a callback function  example    tbody   array reduce  rows  function  a   b  return  a    lt tr gt  lt td gt   implode   lt  td gt  lt td gt    b    lt  td gt  lt  tr gt        thead     lt tr gt  lt th gt     implode   lt  th gt  lt th gt    array keys  rows 0        lt  th gt  lt  tr gt     echo   lt table gt  n thead n tbody n lt  table gt

User · Answer

echo   lt table gt  lt tr gt  lt th gt Title lt  th gt  lt th gt Price lt  th gt  lt th gt Number lt  th gt  lt  tr gt    foreach  shop as  id   gt   item        echo   lt tr gt  lt td gt    item 0    lt  td gt  lt td gt    item 1    lt  td gt  lt td gt    item 2    lt  td gt  lt  tr gt      echo   lt  table gt

User · Answer

You can use foreach to iterate the array  shop and get one of the arrays with each iteration to echo its values like this   echo   lt table gt    echo   lt thead gt  lt tr gt  lt th gt title lt  td gt  lt td gt price lt  td gt  lt td gt number lt  td gt  lt  tr gt  lt  thead gt    foreach   shop as  item        echo   lt tr gt        echo   lt td gt    item 0    lt  td gt        echo   lt td gt    item 1    lt  td gt        echo   lt td gt    item 2    lt  td gt        echo   lt  tr gt      echo   lt  table gt

User · Answer

this will print 2-dimensional array as table   First row will be header   function array to table  table            echo   lt table gt            Table header     foreach   table 0  as  header          echo   lt th gt    header   lt  th gt                  Table body      body   array slice   table  1  null  true       foreach   body as  row          echo   lt tr gt            foreach   row as  cell              echo   lt td gt    cell   lt  td gt                     echo   lt  tr gt                 echo   lt  table gt          usage   arrayOfArrays   array      array  header1   header2   header3        array  1 1   1 2   1 3        array  2 1   2 2   2 3         array to table  arrayOfArrays     result    lt table gt  lt tbody gt  lt tr gt  lt th gt header1 lt  th gt  lt th gt header2 lt  th gt  lt th gt header3 th gt  lt tr gt  lt td gt 1 1 lt  td gt  lt td gt 1 2 lt  td gt  lt td gt 1 3 lt  td gt  lt  tr gt  lt tr gt  lt td gt 2 1 lt  td gt  lt td gt 2 2 lt  td gt  lt td gt 2 3 lt  td gt  lt  tr gt  lt tr gt  lt td gt 3 1 lt  td gt  lt td gt 3 2 lt  td gt  lt td gt 3 3 lt  td gt  lt  tr gt  lt  tbody gt  lt  table gt

User · Answer

PHP code    multiarray   array        array  name   gt  Argishti    surname   gt  Yeghiazaryan        array  name   gt  Armen    surname   gt  Mkhitaryan        array  name   gt  Arshak    surname   gt  Aghabekyan          count   0   foreach   multiarray as  arrays        count        echo   lt table gt                         echo   lt span gt table  count lt  span gt        echo   lt tr gt        foreach   arrays as  names   gt   surnames            echo   lt th gt  names lt  th gt            echo   lt td gt  surnames lt  td gt               echo   lt  tr gt        echo   lt  table gt        CSS   table       font-family  arial  sans-serif      border-collapse  collapse      width  100      td  th       border  1px solid  dddddd      text-align  left      padding  8px

User · Answer

lt table gt        lt tr gt          lt td gt title lt  td gt          lt td gt price lt  td gt          lt td gt number lt  td gt        lt  tr gt        lt   foreach   shop as  row      gt        lt tr gt          lt td gt  lt   echo  row 0     gt  lt  td gt          lt td gt  lt   echo  row 1     gt  lt  td gt          lt td gt  lt   echo  row 2     gt  lt  td gt        lt  tr gt        lt   endforeach    gt      lt  table gt

User · Answer

It would be better to just fetch the data into array like this    lt  php  shop   array  array  title   gt  rose    price   gt 1 25    number   gt 15                  array  title   gt  daisy    price   gt 0 75    number   gt 25                  array  title   gt  orchid    price   gt 1 15    number   gt 7                      gt    And then do something like this  which should work well even when you add more columns to your table in the database later    lt  php if  count  shop   gt  0     gt   lt table gt     lt thead gt       lt tr gt         lt th gt  lt  php echo implode   lt  th gt  lt th gt    array keys current  shop       gt  lt  th gt       lt  tr gt     lt  thead gt     lt tbody gt   lt  php foreach   shop as  row   array map  htmlentities    row     gt       lt tr gt         lt td gt  lt  php echo implode   lt  td gt  lt td gt     row     gt  lt  td gt       lt  tr gt   lt  php endforeach    gt     lt  tbody gt   lt  table gt   lt  php endif    gt

User · Answer

This is one of de best  simplest and most efficient ways to do it  You can convert arrays to tables with any number of columns or rows  It takes the array keys as table header  No need of array map   function array to table  matriz           echo   lt table gt           Table header         foreach   matriz 0  as  clave  gt  fila                echo   lt th gt    clave   lt  th gt                      Table body        foreach   matriz as  fila               echo   lt tr gt               foreach   fila as  elemento                     echo   lt td gt    elemento   lt  td gt                            echo   lt  tr gt                 echo   lt  table gt

User · Answer

Here is my answer   function array2Html  array   table   true         out           foreach   array as  key   gt   value            if  is array  value                 if   isset  tableHeader                      tableHeader                         lt th gt                         implode   lt  th gt  lt th gt    array keys  value                           lt  th gt                              array keys  value                out      lt tr gt                 out    array2Html  value  false                out      lt  tr gt              else                out      lt td gt  value lt  td gt                         if   table            return   lt table gt      tableHeader    out     lt  table gt          else           return  out            However  your table headers have to be a part of the array  which is pretty common when it comes from a database  e g    shop   array      array           title    gt   rose            price    gt  1 25           number    gt  15             array           title    gt   daisy            price    gt  0 75           number    gt  25             array           title    gt   orchid            price    gt  1 15           number    gt  7             print arrayToHtml  shop     Hope it helps

[php] How to create a HTML Table from a PHP array?

Examples related to php

Examples related to html

Examples related to arrays