Skip to main content Accessibility
Home
Skip to main content Accessibility Home
  • Foundation
  • Clearing 2026
  • Undergraduate 2027
  • Postgraduate
  • Research
  • CPD
    •
  • Student home
  • Welcome new students
  • Health and wellbeing
  • Let us know
  • Student KLE
  • Staff Directory
  • Library
    •
  • Intranet
    •
    Alumni
  • Faculties
  • Schools
  • Institutes
  • Research Institutes
    •
    Global Keele

    Tables

    Tables are for structured data only.
    Use them to display information in rows and columns (e.g. comparisons or timetables). Do not use tables for layout or styling - use standard page components for that instead.

    Default Table

    Use a standard table when the content is simple and not too wide, such as dates, locations, fees, or short lists of information. No extra class is needed. On smaller screens the table keeps the same structure, but the cell padding is reduced and text wraps more comfortably.

    Example course dates
    Event Date Location
    Open Day Saturday 15 June Keele campus
    Applicant Visit Day Wednesday 10 July Central Science Labs

    Stacked Mobile Table

    Use this when a table is easier to read as separate cards on mobile, especially when each row represents one item. Add the class table--stack-mobile to the table. On desktop it displays as a normal table; on mobile the header is hidden visually and each row becomes a stacked card. Each data cell will dynamically include a matching data-label so mobile users can see what the value refers to.

    Example fees table
    Student Type 2025 Fee Payment Option
    UK full-time £9,250 Student finance available
    International full-time £18,900 Annual or instalment plan

    Comparison Table

    Use this for comparing options side by side, such as awards, packages, or services. Add table--comparison to the table. If the comparison should become easier to read on phones, also add table--stack-mobile. On desktop, columns are visually separated with alternating backgrounds. On mobile, adding table--stack-mobile turns each comparison row into a card-style layout.

    Example scholarship comparison
    Feature Standard Award Enhanced Award
    Value £1,000 £2,000
    Eligibility Available to eligible applicants Available to high-performing applicants

    Filterable table

    Use this for long reference tables where visitors need to find one row quickly, such as course lists, qualification grids, or multi-column entry requirement tables. Add the class table--filterable to the table. A search field appears above the table and filters rows as the visitor types, matching text anywhere in each row. A live count shows how many rows are visible, for example “Showing 12 of 180 entries”. Press Escape to clear the search.

    Optionally add table--sticky-header so column headings stay visible while scrolling down a long table. For clearer labels in the result count, add data-table-filter-singular and data-table-filter-plural on the table, for example data-table-filter-singular="course" and data-table-filter-plural="courses". On mobile, combine with table--stack-mobile if each row reads better as a card. Keep the first column as the main item name so filtered results are easy to scan.

    Scaffolding table — placeholder data only, not real course information
    Widget name Flummox rating Bibble requirement Access course notes International pathway Hong Kong pathway Standard XII notes
    Alpha widget studies Three gloops Distinction in widgetry Pass all core modules 28 points overall Level 4 in two subjects 75% average required
    Beta flibble analytics Two gloops Merit in applied flibble 45 credits at level 3 26 points overall Level 3 in maths 70% average required
    Gamma spangle design Four gloops DDM or above Portfolio review required 30 points overall Level 5 in art 72% average required
    Delta wobble mechanics One gloop Pass with merit Science units mandatory 27 points overall Level 4 in physics 68% average required
    Epsilon noodle theory Two gloops Merit in noodle arts Interview may be required 29 points overall Level 4 in two units 74% average required
    Zeta crumb engineering Three gloops DDD profile Maths unit essential 25 points overall Level 3 in science 71% average required
    Eta plinth management Two gloops Merit overall Business units preferred 24 points overall Level 3 in English 69% average required
    Theta blorp logistics One gloop Pass profile No resits in core units 23 points overall Level 3 standard 67% average required
    Iota quibble commerce Three gloops Distinction preferred Accounting unit required 28 points overall Level 4 in commerce 73% average required
    Kappa sprong technology Four gloops DDM minimum Computing units required 31 points overall Level 5 in ICT 76% average required
    Lambda fribble policy Two gloops Merit in humanities Essay sample required 26 points overall Level 4 in history 70% average required
    Mu trundle planning One gloop Pass with distinction Planning unit essential 22 points overall Level 3 in geography 66% average required
    Nu glimmer research Three gloops Distinction in research Research proposal needed 30 points overall Level 5 in science 78% average required
    Xi mumble operations Two gloops Merit profile Operations module pass 25 points overall Level 3 in maths 68% average required
    Omicron jangle media Four gloops DDM in media Showreel submission 29 points overall Level 4 in media 72% average required
    Pi wibble finance Three gloops Distinction in finance Maths at level 3 27 points overall Level 4 in maths 75% average required
    Rho plop sustainability Two gloops Merit in environment Fieldwork unit pass 26 points overall Level 4 in science 71% average required
    Sigma brangle health One gloop Pass with merit DBS check required 24 points overall Level 3 in biology 69% average required
    Tau crumb law Four gloops DDD in legal studies Written task required 32 points overall Level 5 in English 77% average required
    Upsilon frob data Three gloops Distinction in data Statistics unit pass 28 points overall Level 4 in maths 74% average required
    Phi sprong education Two gloops Merit in teaching Safeguarding module pass 25 points overall Level 3 in English 70% average required
    Chi glorp psychology Three gloops DDM in social science Research methods unit 29 points overall Level 4 in science 73% average required
    Psi noodle geography One gloop Pass profile Map skills unit pass 23 points overall Level 3 in geography 67% average required
    Omega quark classics Two gloops Merit in classics Language unit optional 26 points overall Level 4 in history 71% average required
    Arbor widget crafts Three gloops Distinction in crafts Practical assessment 27 points overall Level 4 in design 72% average required
    Bramble flibble sport Two gloops Merit in sport Coaching unit pass 24 points overall Level 3 in PE 68% average required
    Clover spangle music Four gloops DDM in music Audition required 30 points overall Level 5 in music 76% average required
    Dapple wobble theatre Three gloops Distinction in drama Performance sample 28 points overall Level 4 in drama 74% average required
    Ember noodle nursing One gloop Pass with merit Clinical placement unit 25 points overall Level 3 in science 70% average required
    Fern crumb pharmacy Four gloops DDD in science Chemistry unit mandatory 31 points overall Level 5 in chemistry 78% average required
    Gorse plinth marketing Two gloops Merit in business Marketing project pass 26 points overall Level 4 in business 71% average required
    Hazel blorp architecture Three gloops Distinction in design Portfolio mandatory 29 points overall Level 4 in art 75% average required
    Ivory quibble history Two gloops Merit in humanities Extended essay required 25 points overall Level 3 in history 69% average required
    Juniper sprong robotics Four gloops DDM in engineering Programming unit pass 32 points overall Level 5 in maths 79% average required
    Kestrel fribble linguistics Three gloops Distinction in languages Translation task 28 points overall Level 4 in English 73% average required
    Lilac trundle geology One gloop Pass profile Field trip unit pass 23 points overall Level 3 in science 66% average required
    Maple glimmer astronomy Four gloops DDD in physics Maths at distinction 33 points overall Level 5 in physics 80% average required
    Nectar mumble sociology Two gloops Merit in social studies Research essay pass 26 points overall Level 4 in sociology 70% average required
    Olive jangle philosophy Three gloops Distinction in humanities Logic unit preferred 27 points overall Level 4 in English 72% average required
    Pebble wibble economics Two gloops Merit in economics Statistics unit pass 28 points overall Level 4 in maths 74% average required
    Quartz plop chemistry Four gloops DDM in science Lab skills mandatory 30 points overall Level 5 in chemistry 77% average required
    River brangle zoology Three gloops Distinction in biology Dissection unit pass 29 points overall Level 4 in biology 75% average required
    Sage crumb theology One gloop Pass with merit Ethics module pass 24 points overall Level 3 in RE 68% average required
    Thistle frob ceramics Two gloops Merit in art Studio portfolio 25 points overall Level 3 in design 70% average required
    Umber sprong journalism Three gloops Distinction in media Writing sample required 28 points overall Level 4 in English 73% average required
    Violet glorp anthropology Two gloops Merit in social science Fieldwork essay 26 points overall Level 4 in humanities 71% average required
    Willow noodle forestry One gloop Pass profile Conservation unit pass 22 points overall Level 3 in science 65% average required
    Xenon quark meteorology Four gloops DDD in science Maths unit distinction 31 points overall Level 5 in maths 78% average required
    Yarrow widget hospitality Two gloops Merit in hospitality Work placement unit 24 points overall Level 3 in business 69% average required
    Zephyr flibble logistics Three gloops Distinction in operations Supply chain module 27 points overall Level 4 in business 72% average required
    Acorn spangle textiles Two gloops Merit in design Fabric sample required 25 points overall Level 3 in art 70% average required
    Biscuit wobble criminology Three gloops DDM in social science Law unit preferred 28 points overall Level 4 in sociology 74% average required
    Cobalt noodle nutrition One gloop Pass with merit Science units required 23 points overall Level 3 in biology 67% average required
    Drizzle crumb animation Four gloops Distinction in media Demo reel mandatory 30 points overall Level 5 in art 76% average required
    Echo plinth archaeology Two gloops Merit in humanities Field school unit 26 points overall Level 4 in history 71% average required
    Flint blorp marine science Three gloops DDM in biology Coastal survey unit 29 points overall Level 4 in science 75% average required
    Gadget quibble cyber security Four gloops Distinction in computing Networking unit pass 32 points overall Level 5 in ICT 79% average required
    Hollow sprong game design Three gloops Merit in computing Prototype submission 28 points overall Level 4 in ICT 73% average required
    Inkwell fribble creative writing Two gloops Merit in English Portfolio of prose 25 points overall Level 4 in English 70% average required
    Jigsaw trundle urban planning One gloop Pass profile Design studio unit 22 points overall Level 3 in geography 66% average required
    Kettle glimmer biochemistry Four gloops DDD in science Chemistry and biology units 33 points overall Level 5 in science 80% average required