Динамически отображать CSV файл в виде таблицы HTML на веб-странице

Я хотел бы взять файл CSV, живущий на сервере, и динамически отображать его в виде таблицы html. Например, это:

Name, Age, Sex
"Cantor, Georg", 163, M

должно стать следующим:

<html><body><table>
<tr> <td>Name</td> <td>Age</td> <td>Sex</td> </tr>
<tr> <td>Cantor, Georg</td> <td>163</td> <td>M</td> </td>
</table></body></html>

Решения на любом языке приветствуются.

Ответы

Ответ 1

ранее связанное решение является ужасным фрагментом кода; почти каждая строка содержит ошибку. Вместо этого используйте fgetcsv:

<?php
echo "<html><body><table>\n\n";
$f = fopen("so-csv.csv", "r");
while (($line = fgetcsv($f)) !== false) {
        echo "<tr>";
        foreach ($line as $cell) {
                echo "<td>" . htmlspecialchars($cell) . "</td>";
        }
        echo "</tr>\n";
}
fclose($f);
echo "\n</table></body></html>";

Ответ 2

Вот простая функция для преобразования таблицы csv в html с помощью php:

function jj_readcsv($filename, $header=false) {
$handle = fopen($filename, "r");
echo '<table>';
//display header row if true
if ($header) {
    $csvcontents = fgetcsv($handle);
    echo '<tr>';
    foreach ($csvcontents as $headercolumn) {
        echo "<th>$headercolumn</th>";
    }
    echo '</tr>';
}
// displaying contents
while ($csvcontents = fgetcsv($handle)) {
    echo '<tr>';
    foreach ($csvcontents as $column) {
        echo "<td>$column</td>";
    }
    echo '</tr>';
}
echo '</table>';
fclose($handle);
}

Можно вызвать эту функцию, например jj_readcsv('image_links.csv',true);

если второй параметр равен true, первая строка csv будет взята как заголовок/заголовок.

Надеюсь, это поможет кому-то. Прокомментируйте любые недостатки в этом коде.

Ответ 3

Ответ phihag помещает каждую строку в одну ячейку, в то время как вы запрашиваете, чтобы каждое значение находилось в отдельной ячейке. Это похоже на это:

<?php
// Create a table from a csv file 
echo "<html><body><table>\n\n";
$f = fopen("so-csv.csv", "r");
while (($line = fgetcsv($f)) !== false) {
        $row = $line[0];    // We need to get the actual row (it is the first element in a 1-element array)
        $cells = explode(";",$row);
        echo "<tr>";
        foreach ($cells as $cell) {
            echo "<td>" . htmlspecialchars($cell) . "</td>";
        }
        echo "</tr>\n";
}
fclose($f);
echo "\n</table></body></html>";
?>

Ответ 5

Я знаю, что я "немного опоздал";-), но если кто-то ищет это и имеет установку Wordpress, это плагин, который может решить проблему: https://wordpress.org/plugins/csv-to-html/.

Ответ 6

Это работает, если вы избежите цитируемых запятых с \?

Имя, возраст, пол

"Кантор \, Георг", 163, М

В большинстве разделенных форматов требуется, чтобы их разделитель был экранирован, чтобы правильно разобрать.

Пример грубой Java:

import java.util.Iterator;

public class CsvTest {

    public static void main(String[] args) {
        String[] lines = { "Name, Age, Sex", "\"Cantor, Georg\", 163, M" };

        StringBuilder result = new StringBuilder();

        for (String head : iterator(lines[0])) {
            result.append(String.format("<tr>%s</tr>\n", head));
        }

        for (int i=1; i < lines.length; i++) {
            for (String row : iterator(lines[i])) {
                result.append(String.format("<td>%s</td>\n", row));
            }
        }

        System.out.println(String.format("<table>\n%s</table>", result.toString()));
    }

    public static Iterable<String> iterator(final String line) {
        return new Iterable<String>() {
            public Iterator<String> iterator() {
                return new Iterator<String>() {
                    private int position = 0;

                    public boolean hasNext() {
                        return position < line.length();
                    }

                    public String next() {
                        boolean inquote = false;
                        StringBuilder buffer = new StringBuilder();
                        for (; position < line.length(); position++) {
                            char c = line.charAt(position);
                            if (c == '"') {
                                inquote = !inquote;
                            }
                            if (c == ',' && !inquote) {
                                position++;
                                break;
                            } else {
                                buffer.append(c);
                            }
                        }
                        return buffer.toString().trim();
                    }

                    public void remove() {
                        throw new UnsupportedOperationException();
                    }
                };
            }
        };
    }
}

Ответ 7

определить "отображать его динамически"? это означает, что таблица строится через javascript и какое-то обновление Ajax-y.. если вы просто хотите построить таблицу с помощью PHP, которая действительно не то, что я бы назвал "динамическим"

Ответ 8

У XmlGrid.net есть инструмент для преобразования csv в html-таблицу. Ссылка здесь: http://xmlgrid.net/csvToHtml.html

Я использовал ваши данные образца и получил следующую таблицу html:

<table>
<!--Created with XmlGrid Free Online XML Editor (http://xmlgrid.net)-->
<tr>
  <td>Name</td>
  <td> Age</td>
  <td> Sex</td>
</tr>
<tr>
  <td>Cantor, Georg</td>
  <td> 163</td>
  <td> M</td>
</tr>
</table>