怎么把数据库里的一列一列值放到scrollbar里啊

img


怎么把数据库里的所有列的代码放到scrollbar里啊
用的forloop取出的数据
但forloop没法跟scrllbar没法放一行

html = html + "<div style="height:230px;width:611px;overflow:auto;background-color:rgb(177, 177, 177);color:rgb(255, 255, 255);scrollbar-base-color:gold;font-family:sans-serif;padding:10px;">" + forloop出来的数据 + "";

img

for循环生成 dom 添加到 页面里
用到了 innerHtml 样式 自己写一下 参考下面这个

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
      
    </style>
</head>

<body>
    <div id="test"></div>
</body>
<script>
    let t = document.getElementById("test");
    
    let arr=[{id:1,name:"444"},{id:2,name:"4445"}];
    let len=arr.length;
    let str="";
    for(var i=0;i<len;i++){
         str+=`<div>${arr[i].id}. ${arr[i].name}</div>`;
    };
    t.innerHTML=str;

</script>

</html>

传入到HTML中写循环进行添加

用table