Skip to content

docs: expand the write/fill pages and replace their screenshots with grids - #979

Open
nkuprins wants to merge 14 commits into
apache:mainfrom
nkuprins:docs/inline-spreadsheet-tables
Open

docs: expand the write/fill pages and replace their screenshots with grids#979
nkuprins wants to merge 14 commits into
apache:mainfrom
nkuprins:docs/inline-spreadsheet-tables

Conversation

@nkuprins

@nkuprins nkuprins commented Jul 28, 2026

Copy link
Copy Markdown
Contributor

Purpose of the pull request

Closed: #978

What's changed?

Screenshots in the write/ and fill/ docs become HTML grids styled by website/src/css/xl-sheet.css.
In general, some screenshots were not aligned with the code and vice versa. For example, Fill Multiple Lists Together, had data1 horizontal on the image, but the code never used WriteDirectionEnum.HORIZONTAL. In that case, I updated the code snippet with the horizontal part. Where a page leaned on the screenshot for what the text never said, the explanation is added too.

Page Change
fill/fill.md New placeholder syntax section: {name} vs {.name} vs {list.name}, escaping, unsupplied placeholders
write/image.md Field type → converter table, multi-image WriteCellData, UrlImageConverter fetch policy
write/head.md Merge strategies corrected, one result grid per strategy
write/pojo.md includeColumnFieldNames ordering, index gaps; fixes a typo and a Java 9 Set.of call
write/sheet.md Sheet tabs in results; each WriteTable writes its own header
write/extra.md Comment and dropdown results; dropdown handler registration snippet
write/simple.md Adds the result grid the page never had
write/style.md, write/format.md Grids shortened, value-named style classes
Site .xl-sheet rules moved out of custom.css; deletes the 31 replaced PNGs

Browsers

Verified in the latest Firefox, Brave, and Chrome

Chinese

I don't know Chinese - the zh-cn pages mirror the English ones and are AI-translated, so please check the wording. I am sorry if I got something wrong there ❤️

Checklist

  • I have read the Contributor Guide.
  • I have written the necessary doc or comment.
  • I have added the necessary unit tests and all cases have passed.

Replaces the PNG screenshots of template and result spreadsheets with
semantic HTML tables styled via a new .xl-sheet ruleset, so the examples
are selectable, searchable and theme-aware instead of fixed-size images.
Also swaps sample data placeholders to locale-neutral names in the
English docs.
@nkuprins

nkuprins commented Jul 28, 2026

Copy link
Copy Markdown
Contributor Author

This is intentionally a draft because I still have to polish and reverify... But the core part is already done.

@bengbengbalabalabeng bengbengbalabalabeng added the PR: developing This feature will be added in future releases label Jul 28, 2026
nkuprins and others added 12 commits August 1, 2026 01:38
The .xl-sheet rules leave custom.css for src/css/xl-sheet.css, registered as a
second customCss entry. Geometry is expressed in Excel's own units and classes
are named after the spreadsheet value they render (xl-fill-red, xl-fs-20).
Adds styles for pictures, comment and dropdown overlays, and sheet tabs.
Each grid keeps its first and last data rows with an ellipsis row between,
and uses the value-named style classes.
Adds a table of the {name}, {.name}, {list.name} and escaped forms with what
fills each, plus notes on mixing placeholders with text and on unfilled
placeholders being cleared. Result grids are shortened.
Drops the trailing empty column and the repeated data rows.
The strategy example now uses a three-level header where names repeat in both
directions, with one grid per strategy, and explains why AUTO leaves a
vertical merge below the first header row unmerged.
Adds a table mapping each field type to its converter, notes that a picture is
stretched to its cell, and documents the multi-image WriteCellData form. The
result screenshots become grids drawing a sample SVG.
Documents that includeColumnFieldNames follows the POJO field order unless
orderByIncludeColumn is set, and that @ExcelProperty index is an absolute
position, so a skipped index leaves an empty column. Also fixes the
includeColumnFiledNames typo and the Java 9 Set.of call.
The grids now carry the sheet tabs they produce, so the single-sheet, multi-
sheet and table results are told apart, with a line on what each writes.
Shows what the three approaches write. The Chinese page also switches its
sample data to 字符串, matching write/merge.
The comment and dropdown results are drawn open in the grid, and the dropdown
handler gains the usage snippet that registers it.
The 19 PNGs under static/img/docs/write are no longer referenced by any page.
@nkuprins nkuprins changed the title docs: replace screenshots with inline HTML tables in write/fill docs docs: expand the write/fill pages and replace their screenshots with grids Jul 31, 2026
Includes listFill_file.png, which only appears as a path inside a code
sample in the contribute-doc guide and is not loaded by any page.
@nkuprins
nkuprins marked this pull request as ready for review July 31, 2026 23:43
@bengbengbalabalabeng bengbengbalabalabeng removed the PR: developing This feature will be added in future releases label Aug 1, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Enhancement] Replace static PNG screenshots with semantic HTML tables in write/fill docs

2 participants