AskOverflow.Dev

AskOverflow.Dev Logo AskOverflow.Dev Logo

AskOverflow.Dev Navigation

    • 主页
    • 系统&网络
    • Ubuntu
    • Unix
    • DBA
    • Computer
    • Coding
    • LangChain

Mobile menu

Close
  • 主页
  • 系统&网络
    • 最新
    • 热门
    • 标签
  • Ubuntu
    • 最新
    • 热门
    • 标签
  • Unix
    • 最新
    • 标签
  • DBA
    • 最新
    • 标签
  • Computer
    • 最新
    • 标签
  • Coding
    • 最新
    • 标签
主页 / user-1336118

Dreamer64's questions

Martin Hope
Dreamer64
Asked: 2025-03-03 21:20:38 +0800 CST

当应用 isHeaderSticky 属性时,如何自定义 HeroUI 表头?

  • 6

使用 (Vite + ReactJS + Tailwind CSS v3 + HeroUI)

如果我们在 HeroUI Table 上应用isHeaderStickyprop,它会添加另一种样式,比如某种阴影、轮廓或边框,我们该如何删除它呢?

在此处输入图片描述

生成上述图片的代码是:

  <Table
    removeWrapper
    isHeaderSticky                    
    classNames={{ 
      th: ["!rounded-none", "!shadow-none", "!border-none"],          
    }}
    >
    <TableHeader>
      <TableColumn key="name">NAME</TableColumn>
      <TableColumn key="role">ROLE</TableColumn>
      <TableColumn key="status">STATUS</TableColumn>
    </TableHeader>
    <TableBody items={items} emptyContent={"No permits found"}>              
    </TableBody>
  </Table>

我尝试添加这个:

classNames={{
  th: ["!border-none", "!rounded-none", "!shadow-none"],
}}

但它不起作用,所以请问有什么想法吗?

reactjs
  • 1 个回答
  • 45 Views
Martin Hope
Dreamer64
Asked: 2024-08-05 15:03:18 +0800 CST

溢出时 Popup 元素不会随内部 div 一起滚动

  • 6

我正在使用vanilla-calendar.pro,下面是我的简单代码:

          document.addEventListener('DOMContentLoaded', () => {
            const calendar = new VanillaCalendar('#calendar', {
                // Settings
                input: true,
                actions: {
                    changeToInput(e, self) {
                    if (!self.HTMLInputElement) return;
                    if (self.selectedDates[0]) {
                        self.HTMLInputElement.innerHTML = self.selectedDates[0];
                        // if you want to hide the calendar after picking a date
                        self.hide();
                    } else {
                        self.HTMLInputElement.textContent = '';
                    }
                    },
                },
                settings: {
                    visibility: {
                    positionToInput: 'center',
                    },
                },

            });
            calendar.init();
          });
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link href="https://cdn.jsdelivr.net/npm/vanilla-calendar-pro/build/vanilla-calendar.min.css" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/vanilla-calendar-pro/build/vanilla-calendar.min.js" defer></script>
        <title>test page</title>
    </head>
    
    <body>
        <h1 style =" font-size: 40px;" >Test Project</h1>

        <div style="height: 50rem; background-color: rgb(182, 142, 215); overflow-y: scroll; display: flex; justify-content: center; flex-direction: column;">
            
            <div style="margin-bottom: 90rem;" > some components 1</div>
            
            <input id="calendar" type="text" placeholder="Choose date" readonly />
            
            <div style="margin-bottom: 90rem;" > some components 2</div>

        </div>
 
      </body>
</html>

我的问题是,当您单击输入以选择日期并且日历弹出窗口出现时,当您尝试滚动内部 div 时,弹出日历无法正确滚动!

我尝试将其包含在 div 中以查看它是否有效,但没有成功,还尝试设置样式

position: absolute/ relative or z-index这里和那里也不起作用..

请问有什么帮助吗?

javascript
  • 1 个回答
  • 21 Views
Martin Hope
Dreamer64
Asked: 2024-01-31 00:31:44 +0800 CST

如何使 Daisy UI Drawer 组件与 Swap 组件配合使用?

  • 5

我正在尝试使用 Daisy UI 用动画按钮打开抽屉。

目标是通过简单地单击交换按钮组件来打开抽屉组件,但是其中任何一个都可以!交换动画有效,但抽屉没有打开,或者抽屉打开没有交换组件动画!...

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sample Ui</title>

    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/full.min.css" rel="stylesheet" type="text/css" />
    <script src="https://cdn.tailwindcss.com"></script>

</head>
<body>

    <label class="btn btn-circle swap swap-rotate z-10" for="my-drawer"> <!-- my confusing here --> 
        <!-- this hidden checkbox controls the state -->
        <input type="checkbox" />        
        <!-- hamburger icon -->
        <svg class="swap-off fill-current" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512"><path d="M64,384H448V341.33H64Zm0-106.67H448V234.67H64ZM64,128v42.67H448V128Z"/></svg>        
        <!-- close icon -->
        <svg class="swap-on fill-current" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512"><polygon points="400 145.49 366.51 112 256 222.51 145.49 112 112 145.49 222.51 256 112 366.51 145.49 400 256 289.49 366.51 400 400 366.51 289.49 256 400 145.49"/></svg>        
      </label>    

    <div class="drawer">
        <input id="my-drawer" type="checkbox" class="drawer-toggle" />
        <div class="drawer-content">
          <!-- Page content here -->
          <!--label for="my-drawer" class="btn btn-primary drawer-button">Open drawer</label-->          
        </div> 
        <div class="drawer-side">
          <label for="my-drawer" aria-label="close sidebar" class="drawer-overlay"></label>
          <ul class="menu p-4 w-80 min-h-full bg-base-200 text-base-content   mt-10">
            <!-- Sidebar content here -->
            <li><a>Sidebar Item 1</a></li>
            <li><a>Sidebar Item 2</a></li>            
          </ul>
        </div>
      </div>   
    
</body>
</html>

我尝试将for="my-drawer"抽屉组件移动到交换组件,但发现抽屉打开但没有交换动画,如果我将其返回,则交换动画有效,但抽屉无法打开。

请问我怎样才能同时做这两件事?(没有JQ)

html
  • 1 个回答
  • 18 Views

Sidebar

Stats

  • 问题 205573
  • 回答 270741
  • 最佳答案 135370
  • 用户 68524
  • 热门
  • 回答
  • Marko Smith

    重新格式化数字,在固定位置插入分隔符

    • 6 个回答
  • Marko Smith

    为什么 C++20 概念会导致循环约束错误,而老式的 SFINAE 不会?

    • 2 个回答
  • Marko Smith

    VScode 自动卸载扩展的问题(Material 主题)

    • 2 个回答
  • Marko Smith

    Vue 3:创建时出错“预期标识符但发现‘导入’”[重复]

    • 1 个回答
  • Marko Smith

    具有指定基础类型但没有枚举器的“枚举类”的用途是什么?

    • 1 个回答
  • Marko Smith

    如何修复未手动导入的模块的 MODULE_NOT_FOUND 错误?

    • 6 个回答
  • Marko Smith

    `(表达式,左值) = 右值` 在 C 或 C++ 中是有效的赋值吗?为什么有些编译器会接受/拒绝它?

    • 3 个回答
  • Marko Smith

    在 C++ 中,一个不执行任何操作的空程序需要 204KB 的堆,但在 C 中则不需要

    • 1 个回答
  • Marko Smith

    PowerBI 目前与 BigQuery 不兼容:Simba 驱动程序与 Windows 更新有关

    • 2 个回答
  • Marko Smith

    AdMob:MobileAds.initialize() - 对于某些设备,“java.lang.Integer 无法转换为 java.lang.String”

    • 1 个回答
  • Martin Hope
    Fantastic Mr Fox msvc std::vector 实现中仅不接受可复制类型 2025-04-23 06:40:49 +0800 CST
  • Martin Hope
    Howard Hinnant 使用 chrono 查找下一个工作日 2025-04-21 08:30:25 +0800 CST
  • Martin Hope
    Fedor 构造函数的成员初始化程序可以包含另一个成员的初始化吗? 2025-04-15 01:01:44 +0800 CST
  • Martin Hope
    Petr Filipský 为什么 C++20 概念会导致循环约束错误,而老式的 SFINAE 不会? 2025-03-23 21:39:40 +0800 CST
  • Martin Hope
    Catskul C++20 是否进行了更改,允许从已知绑定数组“type(&)[N]”转换为未知绑定数组“type(&)[]”? 2025-03-04 06:57:53 +0800 CST
  • Martin Hope
    Stefan Pochmann 为什么 {2,3,10} 和 {x,3,10} (x=2) 的顺序不同? 2025-01-13 23:24:07 +0800 CST
  • Martin Hope
    Chad Feller 在 5.2 版中,bash 条件语句中的 [[ .. ]] 中的分号现在是可选的吗? 2024-10-21 05:50:33 +0800 CST
  • Martin Hope
    Wrench 为什么双破折号 (--) 会导致此 MariaDB 子句评估为 true? 2024-05-05 13:37:20 +0800 CST
  • Martin Hope
    Waket Zheng 为什么 `dict(id=1, **{'id': 2})` 有时会引发 `KeyError: 'id'` 而不是 TypeError? 2024-05-04 14:19:19 +0800 CST
  • Martin Hope
    user924 AdMob:MobileAds.initialize() - 对于某些设备,“java.lang.Integer 无法转换为 java.lang.String” 2024-03-20 03:12:31 +0800 CST

热门标签

python javascript c++ c# java typescript sql reactjs html

Explore

  • 主页
  • 问题
    • 最新
    • 热门
  • 标签
  • 帮助
subwaysurfers
my femboy roommate

Footer

AskOverflow.Dev

关于我们

  • 关于我们
  • 联系我们

Legal Stuff

  • Privacy Policy

Language

  • Pt
  • Server
  • Unix

© 2023 AskOverflow.DEV All Rights Reserve