HTML Table Generator

function generateTable(data, headers, options = {}) {
  const { className, id, border } = options;

  let html = '<table';
  if (className) html += ` class="${className}"`;
  if (id) html += ` id="${id}"`;
  if (border) html += ' border="1"';
  html += '>\n';

  // Headers
  if (headers && headers.length) {
    html += '  <thead>\n    <tr>\n';
    headers.forEach(header => {
      html += `      <th scope="col">${escapeHtml(header)}</th>\n`;
    });
    html += '    </tr>\n  </thead>\n';
  }

  // Body
  html += '  <tbody>\n';
  data.forEach(row => {
    html += '    <tr>\n';
    row.forEach(cell => {
      html += `      <td>${escapeHtml(cell)}</td>\n`;
    });
    html += '    </tr>\n';
  });
  html += '  </tbody>\n</table>';

  return html;
}

function escapeHtml(text) {
  const div = document.createElement('div');
  div.textContent = text;
  return div.innerHTML;
}

// Usage
const data = [
  ['Alice', '30', 'Engineer'],
  ['Bob', '25', 'Designer']
];
const headers = ['Name', 'Age', 'Role'];
generateTable(data, headers, { className: 'data-table' });