columnize.md

Columnize

Split an array into equal with objects

const columnize = (array, column, columns) => {
    const total = array.length;
    const perCol = Math.ceil(total / columns);
    let start = perCol * (column - 1);
    const end = perCol * column;
    return array.slice(start, end);
};

Usage:

<div class="mt-6 flex flex-wrap gap-2">
    <div class="flex flex-col gap-2">
        <CourseInformation
            v-for="course in columnize(organization.courses, 1, 2)"
        />
    </div>
    <div class="flex flex-col gap-2">
        <CourseInformation
            v-for="course in columnize(organization.courses, 2, 2)"
        />
    </div>
</div>