Plantilla Tabla simple

100%

Plantilla Tabla simple

✓ Published4🌍 Public

Last edited Oct 20, 2023

Created on Aug 15, 2022

This example presents a simple, responsive HTML table that lists dated entries with expandable titles. Each title is a button that toggles a hidden description panel below it, allowing users to reveal additional details on demand. The table uses CSS for striped row highlighting and a two-column layout, while vanilla JavaScript adds the accordion-style interactivity. The page is generated with Pandoc and relies on plain HTML, CSS, and JavaScript without external frameworks.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

Plantilla Tabla simple

This example displays a simple HTML table listing seminar speakers and their talk summaries, with accordion buttons that expand to reveal additional text. Built with React and styled using CSS, the page uses vanilla JavaScript to toggle panel visibility through button click handlers. The table includes alternating row colors and collapsible content panels, generated from static data within the markup.

HHéctor del Castillo

89% match

Loading thumbnail…

Fork of Plantilla Tabla simple

This fork of the Plantilla Tabla simple template displays a seminar schedule as an HTML table, with columns for date, time block, speaker, and talk title. The talks are rendered as accordion buttons; clicking a title expands a panel containing the talk abstract. The page uses custom CSS for responsive flexbox layout and zebra-striped table rows, alongside JavaScript to toggle accordion visibility. It relies on the MathJax library for potential formula rendering and includes embedded styles for document structure.

HHéctor del Castillo

79% match

Loading thumbnail…

Tabla Argentina Simple

This example displays a multi-tab schedule for an event, with each tab revealing a table of daily sessions. It shows time slots, speakers, and talk titles in a clean, styled layout. The visualization uses standard HTML tables with CSS for styling, including striped rows and tabbed navigation. Built with React and basic JavaScript, it relies on CSS radio-button techniques for interactive tab switching and presents the data as structured, readable text rather than graphical charts.

HHéctor del Castillo

75% match

Loading thumbnail…

Untitled

This example presents a schedule of mathematics seminars, listing dates, speakers, and talk titles in an HTML table. The table includes expandable accordion panels for details and external links to videos and reference materials. It uses a CSS tab interface to switch between semesters, with JavaScript-free tab switching via the `:checked` pseudo-class and radio inputs. The page relies on HTML tables, the `details` analogy through custom accordion buttons, and styles from inline `<style>` blocks for layout and interaction.

HHéctor del Castillo

73% match

Loading thumbnail…

HTML Starter

This example demonstrates a responsive HTML table for displaying personnel data, including names, ages, occupations, and locations. The page uses custom CSS to style rows and cells, with a media query that transforms the table into stacked blocks for small screens, revealing cell labels via `data-title` attributes. It also integrates Bootstrap’s `table-light` and `table-striped` classes for a second table instance. A JavaScript `console.log` statement confirms basic interactivity within the browser’s developer tools.

Aarun-subba

68% match

Loading thumbnail…

Sfsdfds

This example presents a tabbed interface for organizing seminar schedules, displaying details such as dates, speakers, and talk titles within CSS-based tab panels. The implementation uses plain HTML and CSS with radio-button inputs to toggle between tabs, and the MathJax library is loaded for potential mathematical content rendering. The styling employs flexbox for layout and custom color schemes for visual separation between tab labels and content areas.

HHéctor del Castillo

67% match

Loading thumbnail…

Jornada PUCV-USACh

Jornada PUCV-USACh presents a scheduled seminar timetable as an interactive HTML table. The page lists talk times, speaker names, universities, and titles, with accordion-style expandable panels for additional abstract details. Built with plain JavaScript and CSS, it incorporates MathJax for rendering mathematical notation within talk descriptions. The layout uses flexbox rows and two-column tables for responsive organization, with links to recorded video sessions embedded in the schedule.

HHéctor del Castillo

66% match

Loading thumbnail…

Untitled

This example displays a simple HTML table of form submission data, with columns for submission ID, form ID, IP address, name, email, and message. The page includes a heading and a single row of sample data. The code uses basic HTML table markup with a border attribute, and includes a stylesheet and JavaScript reference. The table presents static data without any interactive features or dynamic behavior.

Aavinashchinta99

66% match