Custom Table

Display the upload queue as a custom HTML table with columns for name, size, status, and actions.

What you should see: the queue rendered as your own table rows — name, size, status, actions — instead of the built-in list, driven by the event callbacks.

File Name	Size	Status	Action

No files selected

var uploader = CoreUpload.create('#table-uploader', {
 uploadUrl: '/api/upload/upload',
 multiple: true,
 autoUpload: true,
 onFileAdded: function(file) {
 addRowToTable(file);
 },
 onTaskProgress: function(file, percent) {
 updateRowStatus(file.name, Math.round(percent) + '%');
 },
 onTaskComplete: function(file) {
 updateRowStatus(file.name, 'Done');
 },
 onTaskError: function(file, error) {
 updateRowStatus(file.name, 'Error');
 }
});

The queue as table rows

For an admin screen a table is usually right: uploads then sort, filter and align with everything else on the page instead of sitting in a control of their own. The callbacks supply every event a row needs.

Status is the column that matters

Name, size and progress are the obvious ones. A row stopped at 40% with nothing distinguishing “uploading” from “failed and gave up” is exactly the ambiguity the built-in queue was resolving for you.