Javascript, table and array. tricky issue

The way you're tackling this problem right now is (trying to) access a variable by its name, e.g. you want to use "title" to find the variable named title. Do not do this. You'll either end up polluting the global scope and relying on window to access those variables, or you'll fall in the hand of the eval devil.

Here's a better idea: make objects to store your books. A book would then look like:

var book = {
    title: "Foo",
    author: "Bar",
    cat: "Baz",
    bookid: 123456,
    cost: "One hundred billion dollars"
};

Even better would be to define a type of books:

function Book(title, author, cat, bookid, cost) {
    this.title = title;
    this.author = author;
    this.cat = cat;
    this.bookid = bookid;
    this.cost = cost;
}
var book = new Book("Foo", "Bar", "Baz", 123456, "One hundred billion dollars");

You could store these books into a single book array:

var books = [book1, book2, book3, ...];

and suddenly, it becomes easy to make a table!

// Create or get a table
var table = document.createElement("table");

// Loop over the books array
for (var i=0, l=books.length; i < l; ++i) {
    // Get the current book
    var book = books[i];

    // Create a table row
    var row = document.createElement("tr");

    // Loop over the *properties* of the book
    for (var propertyName in book) {
        // Skip inherited properties
        if(!book.hasOwnProperty(propertyName)) continue;

        // Get the *property value*
        var property = book[propertyName];

        // Create a table cell and append to the row
        var textNode = document.createTextNode(property);
        var cell = document.createElement("td");
        cell.appendChild(textNode);
        row.appendChild(cell);
    }
    // Append the row to the table
    table.appendChild(row);
}

You could even create the table headings using one book element:

// Some book to loop over its property names
var someBook = books[0];

var row = document.createElement("tr");
// Loop over the book properties
for(var propertyName in someBook) {
    // Now placing the *property name* in a text node
    var textNode = document.createTextNode(propertyName);
    var header = document.createElement("th");
    cell.appendChild(textNode);
    row.appendChild(header);
}
table.appendChild(row);

Update: Better control over the headings

As Dennis suggested, you probably want more control over the headings. You don't want to display "cat" as the heading for the book's category, you want something more readable. Also, you probably don't want to display all properties stored on a book object. In this case, you could store the headings to display in another object and add some more information about those headings:

var headings = {
    title: {
        text: "Book title"
    },
    author: {
        text: "Author"
    },
    cat: {
        text: "Category"
    },
    bookid: {
        text: "ID"
    },
    cost: {
        text: "Price"
    }
};

In your data loop, you would then iterate over the properties of headings instead of book.

// Loop over the properties to display
for (var propertyName in headings) {
    // Get the property value
    var property = book[propertyName];

    // [snipped]
}

In your headings loop, you would use headings[propertyName].text as display name instead of just propertyName. You won't need a book instance any longer, so the someBook variable can be removed.

// Loop over the book properties
for(var propertyName in headings) {
    var headingName = headings[propertyName].text;
    var textNode = document.createTextNode(headingName);

    // [snipped]
}