After a long journey to figure out how to load .csv files into a table I've run into another issue. One of the columns in my .csv file is splitting into other columns in my HTML table.

Part of the issue was with the file itself, where the content was actually split into other columns. After fixing everything (I left one on purpose), I'm still facing the same problem. It doesn't seem to be a character limit issue as they split after random words each time.

The very first entry in the .csv file is an easy example of what's going on. It also isn't everything in that column. The table is being read in through ajax and jQuery with the following code:

$(document).ready(function(){
    $('#file').click(function(){
     $.ajax({
      url:"014 - Dark Beginning 1 2004.csv",
      dataType:"text",
      success:function(data)
      {
       var card_data = data.split(/\r?\n|\r/);
       var table_data = '<table class="table table-bordered table-striped">';
       for(var count = 0; count<card_data.length; count++)
       {
        var cell_data = card_data[count].split(",");
        table_data += '<tr>';
        for(var cell_count=0; cell_count<cell_data.length; cell_count++){
         if(count === 0){
          table_data += '<th>'+cell_data[cell_count]+'</th>';}
            else{
          table_data += '<td>'+cell_data[cell_count]+'</td>';}
        }
        table_data += '</tr>';
       }
       table_data += '</table>';
       $('#card_table').html(table_data);
      }
     });
    });
    
   });

Is this some limit tables innately have or some other issue entirely? I have very minimally changed the CSS for the table solely to make it easier for me to look at for when I get to organizing the page layout.