[PHP][Javascript]Wyświetlenie poprawnie danych z json w tabeli html Opcje

[Charon]

Witam,

Mam problem z usunięciem obiektu z pliku json. Strona działa tak, że wpisuje dane do inputów, później klikam przycisk i te dane są dodawane w formacie json do pliku json. Podczas dodawania dodają się ładne wiersze dzięki funkcji addTodosToPage(), po odświeżeniu strony funkcja getTasks() wypluwa całą zawartość json-a w pierwszej kolumnie w pierwszym wierszu w formacie json. Wydaje się, że błąd jest w tym, że nie potrafię pociąć danych tak jak podczas dodawania na stronie i chyba w tym, że źle tworzę json, ale nie umiem go poprawić.
Poniżej wrzucam json

[{"data":[{"index":"4","partia":""}]}],[{"data":[{"index":"6","partia":""}]}],

[PHP] pobierz, plaintext 
<?php 
 
 
$unsafe_json = json_decode( $_GET["data"], true );
 
if( ! is_array( $unsafe_json ) ) {
 
 
    die('Błąd zapisu');
}
 
 
$safe_json = [ 'data' => [] ];
 
$values = [ 'index', 'partia' ];
 
foreach( $unsafe_json as $unsafe_todo ) {
    $safe_todo = [];
 
    foreach( $values as $value ) {
        if( isset( $unsafe_todo[$value] ) && is_string( $unsafe_todo[$value] ) ) {
            $safe_todo[$value] = filter_var( $unsafe_todo[$value], FILTER_SANITIZE_STRING );
        } else {
            $safe_todo[$value] = false;
        }
    }
 
    $safe_json['data'][] = $safe_todo;
}
$json_decoded = json_decode($json_encoded, true);
foreach ($json_decoded as $i => $object)
    if ($object['data']['index'] == 1)
        unset($json_decoded[$i]);
// Zapis do pliku
$file = fopen( "todo.json", "a" ); 
 
fwrite( $file, '[' . json_encode( $safe_json ) . '],' ); 
fclose( $file ); 
 
$data = file_get_contents('todo.json');
 
 
[PHP] pobierz, plaintext 

A tu reszte kodu - https://jsfiddle.net/3z8kwrue/


Proszę o pomoc, bo nie mam już pomysłu jak to dobrze wyświetlić.