AnyFellow Juniormester
10. december 2020 - 11:50 Der er 6 kommentarer og
1 løsning

Tabel indsættes, men den bryder layoutet

Jeg kan desværre ikke vise hjemmesiden, da den er intern.

Jeg henter nogle data via jquery, danner en tabel og indsætter denne med:
$("#content").html(table_content);

Den indsatte tabel opfører sig anderledes, end hvis den er indsat i html-koden oprindelig.

Den DIV tabellen indsættes i har sat en fast bredde på 900 px;
Tabellen har ikke sat en bredde, men den første TD er sat til 17% bredde og den sidste TD er sat til 37% bredde. Af en eller anden grund bliver den sidste TD 1171px bred, når den indsættes via JQUERY, men når den er indsat i HTML'en fra start, har den korrekt bredde.

Jeg har forsøgt at sætte en fixed bredde på TABLE, TR, TD uden at det ændret layoutet, når tabellen sættes ind via JQUERY.

Hvad overser jeg, eller benytter forkert?
Rune1983 Guru
10. december 2020 - 12:37 #1
Anvender du stylesheets til at sætte breden?
Rune1983 Guru
10. december 2020 - 12:37 #2
Lidt mere infor ville hjælpe. Tænker på html koden.
AnyFellow Juniormester
10. december 2020 - 12:57 #3
Eksempel på tabel sat ind på siden:

<div id="container">
  <div id="content">
    <table class="page_indeks">
      <tr>
        <td>Kolonne 1</td>
        <td>Kolonne 2</td>
        <td>Kolonne 3 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quis lectus quis sem lacinia nonummy. Proin mollis lorem non dolor. In hac habitasse platea dictumst. Nulla ultrices odio. Donec augue. Phasellus dui. Maecenas facilisis nisl vitae nibh. Proin vel seo est vitae eros pretium dignissim. Aliquam aliquam sodales orci. Suspendisse potenti. Nunc adipiscing euismod arcu. Quisque facilisis mattis lacus. Fusce bibendum, velit in venenatis viverra, tellus ligula dignissim felis, quis euismod mauris tellus ut urna.</td>
      </tr>
    </table>
  </div
</div>


CSS:

#container {position:relative; margin:0 auto; width:100%; background:#ffffff; height:auto !important; height:100%; min-height:100%; width:960px; border-left:1px solid #000000; border-right:1px solid #000000;}
#content {position:relative; background:#fcfcfc; border:1px solid #cccccc; width:918px; padding:10px; margin:0 10px 0 10px;}
table, td {font-size:11px; border-collapse:collapse; vertical-align:top; text-align:left; border-spacing:0;}
td:first-child{width:17%; border-right:1px solid #b3b3b3;}
td:last-child{width:37%; border-left:1px solid #b3b3b3;}


Jeg har ikke andet indhold i min css vedr. tabeller, hvor der er angivet bredde.
AnyFellow Juniormester
10. december 2020 - 12:58 #4
Når tabellen er sat ind direkte i koden, passer den med bredden på den omkring liggende div (content).

Når den indsættes i content vha. jquery, strækker den sidste kolonne i tabellen sig langt ud over div'en.
Rune1983 Guru
10. december 2020 - 14:20 #5
Du mangler et tag i slutningen
</table>
  </div
</div>
AnyFellow Mester
10. december 2020 - 14:47 #6
Ja, det er skrivefejl her kun. Den er med i min kode.
AnyFellow Juniormester
11. december 2020 - 09:05 #7
Efter længere tids søgen, fandt jeg ud af, at det var et langt link, der gav problemet. Beklager.
Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links

Opret Preview

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester





Premium
IBM sætter flere navne på topledelsen for sit nye selskab 'NewCo'
Der er blevet sat navne på flere af de aboslutte topposter i IBM's nye driftsselskab, NewCo. Ind til videre fisker IBM inden for egne rækker.
Computerworld
Trump bønfalder Helle Thorning: Giv mig min Facebook-konto tilbage
Facebooks tilsynsråd, der har Helle Thorning-Schmidt i spidsen, har modtaget en erklæring fra Donald Trump, som ønsker at få genoprettet adgangen til sin Facebook og Instagram-konto.
CIO
Har du rost din mellemleder i dag? Snart er de uddøde - og det er et tab
Computerworld mener: Mellemledere lever livet farligt: Topledelsen får konstant ideer med skiftende hold i virkeligheden, og moden går mod flade agile organisationer. Men mellemlederen er en overset hverdagens helt med et kæmpe ansvar. Her er min hyldest til den ofte latterliggjorte mellemleder.
Job & Karriere
IBM Danmark trækker tilbud om frivillige fratrædelser tilbage for stort antal ansatte: "IBM har taget røven på sine ansatte"
Som led i IBM Danmarks store fyringsrunde fik 130 ansatte grønt lys til at forlade selskabet på en frivillig fratrædelsesordning. Men nu har IBM Danmark trukket det oprindelige tilbud tilbage for størstedelen af de ansatte.
White paper
Digital transformation tvinger organisationer til at nå deres digitale mål på nye måder
Allerede for to år siden hævdede nordiske virksomheder, at virksomhedernes konkurrenceevne og sågar overlevelse var afhængig af en vellykket digitalisering. De var klar, fulde af håb og på vej mod det digitale paradis. Hvordan gik det så? Hvor er de nu? For at finde ud af det, interviewede DigiPlex og Norstat 377 forretningsledere og IT-beslutningstagere fra organisationer fordelt over hele Danmark, Sverige og Norge om deres digitaliseringsfremskridt, om hvordan de har håndteret pandemien, og om hvordan IT understøtter eller står i vejen for indfrielsen af deres bæredygtighedsmål. DigiPlex kan nu dele en rapport med resultaterne fra undersøgelsen samt tanker om, hvordan man håndterer dem. De deler også nogle nyttige tips til, hvordan man skaber en pålidelig infrastruktur, der kan tilskynde til og understøtte ambitioner i den digitale økonomi. Læs mere i rapporten Nordic Data Center Trends 2020: Riding out the Storm.