Javascript vue.js表未滚动

Javascript vue.js表未滚动,javascript,html,vue.js,scrollable,Javascript,Html,Vue.js,Scrollable,这是我第二次尝试在这里添加内容,但我不能理解添加内容是不可能的边缘。这一次总是有一些错误,我的代码来自text=/ughh newvue({ el:“应用程序”, 数据:{ 用户:[ { “id”:1, “姓名”:“Leanne Graham”, “用户名”:“Bret”, “电子邮件”:Sincere@april.biz", “网站”:“hildegard.org”, }, { “id”:2, “姓名”:“埃尔文·豪厄尔”, “用户名”:“Antonette”, “电子邮件”:Shanna@

这是我第二次尝试在这里添加内容,但我不能理解添加内容是不可能的边缘。这一次总是有一些错误,我的代码来自text=/ughh

newvue({
el:“应用程序”,
数据:{
用户:[
{
“id”:1,
“姓名”:“Leanne Graham”,
“用户名”:“Bret”,
“电子邮件”:Sincere@april.biz",
“网站”:“hildegard.org”,
},
{
“id”:2,
“姓名”:“埃尔文·豪厄尔”,
“用户名”:“Antonette”,
“电子邮件”:Shanna@melissa.tv",
“网站”:“anastasia.net”,
},
{
“id”:3,
“姓名”:“克莱门汀·鲍奇”,
“用户名”:“Samantha”,
“电子邮件”:Nathan@yesenia.net",
“网站”:“ramiro.info”,
},
{
“id”:4,
“姓名”:“Patricia Lebsack”,
“用户名”:“Karianne”,
“电子邮件”:“朱丽安。OConner@kory.org",
“网站”:“kale.biz”,
},
{
“id”:5,
“姓名”:“Chelsey Dietrich”,
“用户名”:“Kamren”,
“电子邮件”:“卢西奥”_Hettinger@annie.ca",
“网站”:“demarco.info”,
},
{
“id”:6,
“姓名”:“Dennis Schulist夫人”,
“用户名”:“Leopoldo_Corkery”,
“电子邮件”:“Karley”_Dach@jasper.info",
“网站”:“ola.org”,
},
{
“id”:7,
“名称”:“Kurtis Weissnat”,
“用户名”:“Elwyn.Skiles”,
“电子邮件”:“电视”。Hoeger@billy.biz",
“网站”:“elvis.io”,
},
{
“id”:8,
“姓名”:“尼古拉斯·鲁诺夫斯多蒂五世”,
“用户名”:“Maxime_Nienow”,
“电子邮件”:Sherwood@rosamond.me",
“网站”:“jacynther.com”,
},
{
“id”:9,
“姓名”:“格伦娜·赖彻”,
“用户名”:“Delphine”,
“电子邮件”:“Chaim”_McDermott@dana.io",
“网站”:“conrad.com”,
},
{
“id”:10,
“姓名”:“Clementina DuBuque”,
“用户名”:“Moriah.Stanton”,
“电子邮件”:“Rey。Padberg@karina.biz",
“网站”:“ambrose.net”,
}
]
}
})

使用者
电子邮件
名称
网站
Nro
{{data[indextr].email}
{{data[indextr].username}
{{data[indextr].website}
{{data[indextr].id}

您需要首先声明高度,否则您的表格将根据其内容的大小展开。这里主要是高度和溢出-y来实现这个技巧

示例1:这里的标题不是固定的,这意味着如果向下滚动,标题将被隐藏

table{
  overflow-y:scroll;
  height:100px;
  display:block;
}

如果你想固定标题,那么只需将上面的css属性赋予特定的div/区域即可。例如,如果您只希望表体是可滚动的,那么将上述属性赋予tbody

您需要首先声明高度,否则您的表将根据其内容的大小展开。这里主要是高度和溢出-y来实现这个技巧

示例1:这里的标题不是固定的,这意味着如果向下滚动,标题将被隐藏

table{
  overflow-y:scroll;
  height:100px;
  display:block;
}

如果你想固定标题,那么只需将上面的css属性赋予特定的div/区域即可。例如,如果您只希望表体是可滚动的,那么将上述属性赋予tbody

请添加一支工作笔。请添加一支工作笔。谢谢您的兴趣。我在我的样式标记中添加了这些代码,但仍然通过在浏览器中检查您的表来检查是否应用了属性是的。但我认为问题是tr线是一种阻碍,它们没有分开,因为我也没有改变高度,即使我给予重要感谢你的兴趣。我在我的样式标记中添加了这些代码,但仍然通过在浏览器中检查您的表来检查是否应用了属性是的。但我认为问题是tr线是一种阻碍,他们没有分开,因为我没有改变高度,即使我给了重要的