HTML Crosstab Rendering with Absolute Positioning

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Existing methods for rendering HTML tables and crosstabs are insufficient as they fail to position data elements relative to the top-left corner of the table, leading to overlapping issues when using fixed, static, or absolute positioning techniques, and do not allow for adequate offset values.

Innovation Solution

A method and system that change the position value of each table data to absolute and set the top-left offset to 0 pixels, ensuring all data coordinates are specific to the top-left corner of the table, and further adjust the position value of data elements to absolute with their top-left property set accordingly, allowing precise positioning and alignment.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Measurement precision

If fixed position is used to position table data, then the data position is determined relative to the browser window, but multiple tables and elements will overlay each other causing incorrect positioning

Engineering Contradiction:
Improvedata positioning accuracyVSAvoidelement overlay
Core Design Contradiction:
Measurement precisionVSObject-generated harmful factors

Solution Approach 1:

The patent changes the positioning parameter from fixed (window-relative) to absolute (container-relative), allowing precise control of data element positions relative to their containing blocks rather than the browser window, thereby eliminating overlapping issues

Inventive Principle:
Principle #35Parameter changes

2Measurement precision

If static position is used to position table data, then the position is determined by normal flow, but offset values cannot be applied and data cannot be positioned precisely

Engineering Contradiction:
Improvedata positioning accuracyVSAvoidoffset value application
Core Design Contradiction:
Measurement precisionVSEase of operation

Solution Approach 1:

The patent transitions from static positioning (flow-based, no offsets) to absolute positioning (coordinate-based, with offsets), enabling both precise positioning and offset value application for accurate data element placement

Inventive Principle:
Principle #35Parameter changes

3Measurement precision

If relative position is used to position table data, then the position is determined relative to normal position, but data cannot be positioned relative to the top-left corner of the table

Engineering Contradiction:
Improvedata positioning accuracyVSAvoidtop-left corner positioning
Core Design Contradiction:
Measurement precisionVSEase of operation

Solution Approach 1:

The patent changes from relative positioning (parent-relative) to absolute positioning (container-relative with top-left origin), enabling direct positioning of data elements relative to the top-left corner of the table as required for crosstab rendering

Inventive Principle:
Principle #35Parameter changes

4Measurement precision

If absolute position is used to position table data relative to the first container (TD), then positioning is precise, but the position is not relative to the top-left corner of the table

Engineering Contradiction:
Improvedata positioning accuracyVSAvoidtop-left corner reference
Core Design Contradiction:
Measurement precisionVSEase of operation

Solution Approach 1:

The patent introduces the table itself as the containing block (intermediary) for absolute positioning of TD elements, rather than using TD as the containing block. This mediator approach allows positioning to be referenced from the table's top-left corner while maintaining absolute positioning precision

Inventive Principle:
Principle #24Intermediary (Mediator)

Data Source

PatentUS8185818B2Mixed techniques for HTML crosstab rendering
Publication Date: 2012.05.22 SAP FRANCE
  • US8185818B2 patent drawing
  • US8185818B2 patent drawing
  • US8185818B2 patent drawing

AI summary

What is described is a method and system for rendering HTML tables and crosstabs when insufficient data is available about the structure of the tables and data elements are positioned relative to the top-left corner of the table and not their first container, which is table data (TD).