Table width issue when width in float value #2174
Comments
|
Hi! Could you please share a HTML/CSS sample that could help us to reproduce your problem? |
|
Here is my sample HTML with float width <!DOCTYPE html>
<html>
<head>
<title>Plan</title>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<div class="container">
<table id="budgetTable" class="froalaAlternateRows" style="margin-right: calc(0%); width: 100%;">
<tbody>
<tr>
<td style="width: 70.9463%; background-color: rgb(209, 213, 216);"><strong>Description</strong><br></td>
<td style="width: 28.7597%; background-color: rgb(209, 213, 216);"><strong>Annual Budget</strong><br></td>
</tr>
<tr>
<td class="fr-thick" colspan="2" style="width: 96.7639%;">
<div style="text-align: left;"><strong>Programming & Events</strong></div>
</td>
</tr>
<tr>
<td style="width: 70.9463%;">
<div><strong>Entrepreneurial / Commercialization Support Programs</strong></div>
Necessary funds to establish and maintain incubators, accelerators, and entrepreneurship centers in the
District, providing support services, mentorship, networking, and resources for startups and
entrepreneurs, including budget for contracting a program manager like Gust for Innovation
Ecosystems.<br></td>
<td style="width: 28.7597%;">$300,000<br></td>
</tr>
<tr>
<td style="width: 70.9463%;"><strong>Partnership and Collaboration Initiatives</strong><br>Investment in
initiatives to foster collaboration between academic researchers, industry partners, government
agencies, and other stakeholders.<br></td>
<td style="width: 28.7597%;">$100,000<br></td>
</tr>
<tr>
<td style="width: 70.9463%;"><strong>Continuing Education and Workforce Development</strong><br>Investment
in educational and training programs, including partnerships with corporations or education partners, to
support workshops, conferences, and seminars in the District. Essential for training innovators,
researchers, clinicians, and healthcare professionals, aligned with the District's focus areas.<br></td>
<td style="width: 28.7597%;">$100,000<br></td>
</tr>
<tr>
<td style="width: 70.9463%;"><strong>Community Outreach & Engagement</strong><br>Funding to support
engagement between local entities and residents, including organizing community events, educational
outreach initiatives, and volunteer activities. Additionally, these funds support communication
platforms for feedback and updates on local initiatives, ensuring that outreach efforts are inclusive
and effectively address community needs.<br></td>
<td style="width: 28.7597%;">$75,000<br></td>
</tr>
<tr>
<td style="width: 70.9463%; text-align: right;"><strong> </strong><strong>Total Programming & Event
Expenses</strong><br></td>
<td style="width: 28.7597%;"><strong>$575,000</strong><br></td>
</tr>
<tr>
<td colspan="2" style="width: 96.7639%;">
<div><strong>BD, Marketing and Public Relations</strong></div>
</td>
</tr>
<tr>
<td style="width: 70.9463%;">
<div><strong>Attraction Activities (Business Development)</strong></div>
This funding boosts efforts to market the district and attract startups, corporate partners, investors,
and top talent. It encompasses expenses for networking—including meetings, meals, and
entertainment—along with costs for attending conferences, trade shows, and golf tournaments.
Additionally, it supports participation in industry events and outreach activities, showcasing the
district’s capabilities and achievements to engage potential tenants, partners, and collaborators.<br>
</td>
<td style="width: 28.7597%;">$200,000<br></td>
</tr>
<tr>
<td style="width: 70.9463%;"><strong>Sales Tools & Software</strong><br>Includes investments in CRM
(Customer Relationship Management) systems, sales automation software, data analytics tools, and other
digital platforms that streamline sales processes, enhance customer interactions, and boost revenue
growth. Additionally, funding supports market research tools essential for conducting surveys and
analysis to better understand market dynamics and customer needs.<br></td>
<td style="width: 28.7597%;">$30,000<br></td>
</tr>
<tr>
<td style="width: 70.9463%;"><strong>Sales Collateral & Signage</strong><br>The design, photography, and
printing or production of brochures, sales kits, and event signage, ensuring high-quality materials that
effectively support marketing and sales efforts.<br></td>
<td style="width: 28.7597%;">$20,000<br></td>
</tr>
<tr>
<td style="width: 70.9463%;"><strong>Advertising & PR</strong><br>Includes digital advertising, social
media campaigns, press releases, and media outreach to boost visibility and engagement. It also
incorporates lead generation and nurturing activities such as email marketing and the use of lead
magnets to attract and retain potential clients.<br></td>
<td style="width: 28.7597%;">$65,000<br></td>
</tr>
<tr>
<td style="width: 70.9463%;"><strong>Events & Sponsorships</strong><br>Supports both hosting District
events and sponsorships of outside industry events, fostering networking and showcasing the district's
contributions and capabilities.<br></td>
<td style="width: 28.7597%;">$50,000<br></td>
</tr>
<tr>
<td style="width: 70.9463%; text-align: right;"><strong> </strong><strong>Total BD, Marketing & PR
Expenses</strong><br></td>
<td style="width: 28.7597%;"><strong>$365,000</strong><br></td>
</tr>
<tr>
<td style="width: 70.9463%; text-align: right;"><strong> </strong><strong>TOTAL ANNUAL OUTREACH
EXPENSES</strong><br></td>
<td style="width: 28.7597%;"><strong>$940,000</strong><br></td>
</tr>
</tbody>
</table>
</div>
</body>
</html> |
|
The old width distribution algorithm was really complex, really strange, and… really broken. The new code is much closer to the specification’s algorithm and gives the same result as browsers, with ~50 lines of code removed. 😄 |
liZe
added a commit
that referenced
this issue
Jun 8, 2024
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
I have encountered an issue with WeasyPrint when using floating-point percentages for widths. Specifically, setting a width like width: 10.255% (resulting in CSS issues as shown in the provided image) causes WeasyPrint to CSS issue, whereas a width of width: 10% works correctly.
In our case, these widths are set by the Froala editor, and we do not manually adjust them. How can we ensure that WeasyPrint handles floating-point percentages correctly when these values are generated by Froala?
The text was updated successfully, but these errors were encountered: