javascript - 如何使 tbody 子级大小与 thead 之后创建的第一个 tbody 大小相同-6ren

Làm cách nào để làm cho tbody trẻ em có cùng kích thước với tbody đầu tiên được tạo sau thead

In lại Tác giả: Walker 123 更新时间：2023-11-28 04:25:48

嗨，我有一个问题。我想问一下如何让tbody子元素的大小与thead后第一行的大小相同？

这是我的代码..请帮助我..您可以编辑我的 fiddle 或给出答案

    var theadFlag = 0;
    var thdeadData = "";
    $(document).on('click','#input_check',function(e){
             e.preventDefault();
 
    if(theadFlag == 0) { theadData =''
                                    +'Nama Karyawan'
                                    +'Tanggal'
									+'Cost Center'
                                    +'Jam Mulai'
                                    +'Jam Selesai'
                                    +'Status Lembur'
        						    +'Total Jam'
									+'Tugas'
                                    +'' 
                               }
                     khác 
                       {
                       theadData = ""
                       }
             
             var nama = $('input[id="nama_check"]').val(),
                 bagian = $('input[id="tanggal_check"]').val(),
                 cost = $('input[id="cost_check"]').val(),
                 mulai = $('input[id="start"]').val(),
        		 selesai = $('input[id="end"]').val(),
                 status = $('input[id="status_check"]').val();
        		 total = $('input[id="total_jam"]').val(),
				 tugas = $('input[id="tugas_check"]').val(),
        		               
               $('tbody #body').append(''
                                  + theadData
                                  +'' 
                                    +''                           
                                    +''
                                    +''
                                    +''
                                    +'' 
                                    +''
                                    +''
									+''
                                  +''
                               + ''+$("#nama_check").val()+' '+$("#tanggal_check").val()+' '+$("#cost_check").val()+' '+$("#start").val()+' '+$("#end").val()+' '+$("#status_check").val()+' '+$("#total_jam").val()+' '+$("#tugas_check").val()+'
');
                      theadFlag = 1;
            });

'+$("#nama_check").val()+'	'+$("#tanggal_check").val()+'	'+$("#cost_check").val()+'	'+$("#start").val()+'	'+$("#end").val()+'	'+$("#status_check").val()+'	'+$("#total_jam").val()+'	'+$("#tugas_check").val()+'

 
    

  
  
    
      
  



























































      
    
  
    
    
    
    
        Nama Karyawan     :              Tanggal     :         
            Jam Mulai     :              Jam Selesai     :             
            Status Lembur     :             Total Jam     :         
            Cost Center     :             Tugas     :         
                            
                CLICK HERE
            	b
               	c
                d
                              
                                                                        
                Test

                



                                     
                                        
                                                  

                  

                  

              
            	function Choose1(data) {

            	document.getElementById ("status_check").value = data.value;

            	}

câu trả lời hay nhất

您有几个无效的 html 标签关闭。我认为正确的方法是附加 tr 而不是整个 bàn.

var theadFlag = 0;
var thdeadData = "";
$(document).on('click', '#input_check', function(e) {
  e.preventDefault();

  if (theadFlag == 0) {
    theadData = '' +
      'Nama Karyawan' +
      'Tanggal' +
      'Cost Center' +
      'Jam Mulai' +
      'Jam Selesai' +
      'Status Lembur' +
      'Total Jam' +
      'Tugas' +
      '';

    $('#body').append(theadData)
  }


  var nama = $('input[id="nama_check"]').val(),
    bagian = $('input[id="tanggal_check"]').val(),
    cost = $('input[id="cost_check"]').val(),
    mulai = $('input[id="start"]').val(),
    selesai = $('input[id="end"]').val(),
    status = $('input[id="status_check"]').val();
  total = $('input[id="total_jam"]').val(),
    tugas = $('input[id="tugas_check"]').val(),

    $('#body').append(

      '' +
      '' + $("#nama_check").val() + '' +
      '' + $("#tanggal_check").val() + '' +
      '' + $("#cost_check").val() + '' +
      '' + $("#start").val() + '' +
      '' + $("#end").val() + '' +
      '' + $("#status_check").val() + '' +
      '' + $("#total_jam").val() + '' +
      '' + $("#tugas_check").val() + '' +
      '');
  theadFlag = 1;
});




  
  
    

      



















































                  
            
              
                
                  
                    
                      
                                                Nama Karyawan                         :                                                                          Tanggal                         :                                               
                                                                      Jam Mulai                         :                                                                         Jam Selesai                         :                                               
                                                                      Status Lembur                         :                                                                         Total Jam                         :                                               
                                                                      Cost Center                         :                                                                         Tugas                         :                                               
                                                                      
                  CLICK HERE
                  b
                  c
                  d


                              
                              
                  Test

                  





                    function Choose1(data) {

                      document.getElementById("status_check").value = data.value;

                    }

关于javascript - 如何使 tbody 子级大小与 thead 之后创建的第一个 tbody 大小相同，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45076641/

Đề xuất bài viết: jquery - 获取 contenteditable div 中的光标位置

Đề xuất bài viết: html - 使用 CSS 悬停时文本滑动交换

Đề xuất bài viết: javascript - Android Chrome 上的 HTML Canvas 不滚动窗口

Đề xuất bài viết: javascript - 在 odoo 中添加计数器按钮以将字段值更新 1

c - 在 getch() 之后，即使在输入 1-6 之后，程序也会忽略 if。
我的代码有问题。它总是忽略if(userDigit=1).. 谁能告诉我这里出了什么问题？ for(i=0; i=1) { //
javascript - 即使在使用 $(document).ready(function() {}) 之后，jquery click 函数也无法正常工作；甚至在使用 $(function) block 之后
我正在尝试从字符串 html_doc 中提取 id=obj1 并尝试将 onclick 函数附加到它 document.addEventListener("DOMContentLoaded", fu
CSS动画从一个类到另一个类的变化::之后
我正在尝试使用 css 动画来动画化从一个类到另一个类的变化。基本思想是在用户单击按钮时为从一个边缘滑动到另一个边缘的 slider 设置动画。到目前为止我的代码。 https://jsfiddle
css - 背景颜色过渡和不透明度过渡同步问题之前/之后
我目前面临使用前后伪元素淡入导航项的问题。当我悬停导航项时，它必须将其背景颜色从白色更改为蓝色。没什么疯狂的。但它也必须显示两个背景图像，分别通过将::before 伪元素从 0 更改为 1 和::
sql - SQLite3和Alter表..之后
有没有简单的方法可以在最近的sqlite版本中修改表，使其与预定义的架构匹配？架构： war_id INTEGER NOT NULL, clanname VARCHAR(64), clanhomep
PHP 搜索获取文本之前/之后
我该如何将我的搜索结果变成这样的: http://i.stack.imgur.com/NfPGs.png 结果显示特定术语在单元格中的位置。我目前有这个基本的搜索脚本: $terms =
javascript - 追加后隐藏输入(之后)
我正在尝试使用按钮创建输入字段。但我想要的是，当创建输入字段时，我想用相同的按钮隐藏创建的输入字段。我尝试了 slideToggle 函数，但效果不是很好。 $('#addEmail').one('
ios - iOS工具之前/之后
我想做这样的事情: Reference of image. 我所做的:两个 UIImagesView，一个带有 UIViewContentModeLeft，另一个带有 UIViewContentMod
mysql - 使用自动增量字段插入触发器之前/之后
我在使用应该修复表中列的插入触发器时遇到了问题: id - auto increment int thread_id - int [NULL] 我想要实现的是将 thread_id 设置
Python tkinter 之后
我使用 tinter.after() 每 200 毫秒刷新一次树莓派上模拟时钟的显示。一开始还可以，但逐渐地，每次刷新之间的时间达到大约 2-3 秒。是否有任何解决方案可以将刷新间隔保持在 200m
html - 如何从右到左为元素宽度设置动画::之后？
我有一个按钮，它使用::after 伪来填充背景。目前它从左到右填充，这在宽度从 0 到 100% 时有意义。但是，我希望它翻转它填充的方式。 a.project--link { margin:
html - Sự cố với các nhịp được nhúng và phần tử giả: sau
我正在尝试添加带有伪元素:after的下划线来注释一些文本。我的问题是，我想强调下划线。在此示例中，这是短语“实际上确实可以...”和“ ...不起作用”。 .test { margin-top
css - 使元素出现在上一个文本之前/之后？
鉴于此: This is a test It is 有没有我可以应用到的 CSS？那它会出现在“This is...”之前，并且在 PREVIOUS LINE 之前吗？ float:left; d
css - 伪元素之前/之后
我正在使用链接左侧的图像。现在，我使用图像的::before 属性来显示，但它显示在链接的上方。我需要对齐它。这是一张照片: Link 我使用的代码是: .vocabulary-duration
css-之后。如何隐藏最后一个伪元素
我有一个页脚有与 6 body {background:#bbb;} .main-footer a::after { content: " | "; color: white; mar
css - 如何更改子元素的::之后
我有一个父元素和一些子元素，但我不能直接更改它们的 CSS。所以，我试图在父元素的 CSS 中更改我 child 的 CSS。示例: .parent { & .child {
CSS:带有标题的内容之前/之后
我可以 div:after { content: "hello" } 但我能否为 hello 文本添加标题，以便当我用鼠标悬停它时显示标题？谢谢最佳答案你不需要伪元素: p { ba
css - :之后与::之后
CSS 2.1 :after 和 CSS 3 ::after 伪选择器(除了 ::after 旧浏览器不支持)？是否有任何实际理由使用更新的规范？最佳答案这是伪类与伪元素的区别。除了 ::fir
我花了千把块给家里装上了“智能家居”之后
「掏出钥匙开门，然后在黑暗中摸索着墙壁开关的位置，最后将室内的灯点亮。」这是一个星期之前，我每天晚上下班回家时的固定戏码，也可能是大部分人每天回家时的经历。这种「一对一」的日常琐碎还有许多许
jquery - 使用 .before();之后();包裹元素
我正在尝试包装 , ，和具有的元素修复我无法直接编辑的表单上的某些定位。由于某种原因，当我尝试使用以下代码时: $("label").before(""); $("input[type=tex

Walker 123

Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Bài viết phổ biến của tác giả

Nhận phiếu giảm giá taxi Didi miễn phí

Các bài viết phổ biến trên toàn bộ trang web

Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com

trang đầu

đã học

6Ren·AI

Trung tâm mua sắm

Làm cách nào để làm cho tbody trẻ em có cùng kích thước với tbody đầu tiên được tạo sau thead