@rivercoders/vue3-datagrid/public/dataService.ts

Vue 3 DataGrid Spreadsheet

function generateHeader(index: number) {
    const asciiFirstLetter = 65;
    const lettersCount = 26;
    let div = index + 1;
    let label = '';
    let pos: number;
    while (div > 0) {
        pos = (div - 1) % lettersCount;
        label = String.fromCharCode(asciiFirstLetter + pos) + label;
        div = parseInt(((div - pos) / lettersCount).toString(), 10);
    }
    return label.toLowerCase();
  }

function naturalSort(prop,a,b) {

  return a[prop].localeCompare(b[prop],"en",{numeric:true})
}



export function generateFakeDataObject(rowsNumber: number, colsNumber: number, cellTemplate: any) {
    const result: Record<any, any> = [];
    const columns: Record<number, any> = {};
    const all = colsNumber * rowsNumber;
    for (let j = 0; j < all; j++) {
        let col = j%colsNumber;
        let row = j/colsNumber|0;
        if (!result[row]) {
            result[row] = {};
        }
        if (!columns[col]) {
            columns[col] = {
                name: generateHeader(col),
                prop: col,
                sortable: true,
                cellCompare: (col % 2) == 0 ? naturalSort : undefined,
            };
            if (col === 0) {
              columns[col].cellTemplate = cellTemplate;
              columns[col].editor = 'button';
            }
        }
        result[row][col] = row + ':' + col;
    }
    let headers = Object.keys(columns).map((k) => columns[parseInt(k, 10)]);

    return {
      source: result,
      headers
    };
  }